使用el-form表单项很多时,产生滚动条,对表单校验失败时通过message提示用户的体验并不那么友好,需要用户自己滚动滚轮查找检验失败位置,期待可以校验错误自动滚动至对应位置
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
this.$nextTick(() => {
const element = document.querySelectorAll(".is-error")[0];
element.scrollIntoView({
behavior: "smooth",
block: "center"
});
})
return false;
}
});