form表单验证快速定位到需要验证的位置
当验证不通过,在未校验成功的表单 el-form-item 标签上加一个类名 is-error
在表单验证的validate方法中加入以下逻辑
this.$refs.loginFormRef.validate({
if(valid) {
//你的代码
} else {
this.$nextTick(() => {
//当验证不通过,审查元素时发现,会在未校验成功的表单 el-form-item 标签上加一个类名 is-error
let err = document.getElementsByClassName('is-error')
// console.log(err)
//实现滚动定位到验证位置
if (err.length) {
err[0].scrollIntoView({
block: 'center',
behavior: 'smooth',
})
}
})
}
})