//在js方法中校验
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit! 校验已通过');
} else {
//校验未通过,滚动到第一个未通过校验的dom上
this.$nextTick(() => {
let isError = document.getElementsByClassName('is-error')
isError[0].scrollIntoView({
// 滚动到指定节点
// 值有start,center,end,nearest,当前显示在视图区域中间
block: 'center',
// 值有auto、instant,smooth,缓动动画(当前是慢速的)
behavior: 'smooth',
})
})
return false
}
10-17
349
10-14