当前位置: 首页 > news >正文

Vue+ElementUI 表校验不通过时点击提交按键 自动定位到第一个表单校验不通过位置

上代码

  • 其实主要归功于scrollIntoView函数
const refBasicForm = async (formEl: any) => {if (!formEl) return;return await formEl.validate((valid: any, ValidateFieldsError: any) => {if (!valid) {let isError = document!.getElementsByClassName('is-error')isError[0].scrollIntoView({// 滚动到指定节点// 值有start,center,end,nearest,当前显示在视图区域中间block: 'center',// 值有auto、instant,smooth,缓动动画(当前是慢速的)behavior: 'smooth',})}});
};

http://www.mrgr.cn/news/6040.html

相关文章:

  • 37-RPC HTTP区别是什么
  • RabbitMQ
  • 在idea中的git选择某一次记录拉出一个新分支
  • vue js 前端同时下载多个文件,前端多文件下载
  • oracle和mysql查询某字段在哪个表中
  • 关于路由和负载均衡
  • GitLab Merge Request流水线
  • 基于Matlab GUI的信号发生器界面程序示例
  • 【设计模式】单例模式
  • JVM的原理和性能调优
  • MySQL索引详解:原理、数据结构与分析和优化
  • springboot admin监控
  • 设计模式六大原则中的里氏替换原则
  • 基于spring boot的酒店管理系统
  • es插件 安装Elasticvue插件
  • 3-Electron打开新窗口,并跳转到指定的路由
  • 虚幻5|AI行为树,跟随task(非行为树AI)
  • 【Docker】docker的数据持久化
  • 在Linux系统下配置IP地址的方法
  • VS Code 远程连接SSH服务