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

w_十二

于 2024-08-19 16:34:47 发布

阅读量25

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/m0_46608027/article/details/141328946

版权

上代码

其实主要归功于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',
      })
    }
  });
};