在业务中,当我们用到form表单进行验证时,当某一项出现错误时,能定位到错误位置,那就对用户体验感很好。
前言
在使用element-ui里面的form表单时,突然发现日期选择器报错了。这个时候将版本降到2.15.7。
当验证不通过,审查元素时发现,会在未校验成功的表单 el-form-item 标签上加一个类名 is-error,就可以从这下手
在表单验证的validate方法中加入一下逻辑
this.$nextTick(() => {
let err = document.getElementsByClassName('is-error')
// console.log(err)
if (err.length) {
err[0].scrollIntoView({
block: 'center',
behavior: 'smooth',
})
}
})