this.$refs[form].validate(valid,object()=>{
//这个valid 表示的是验证是否通过输出回是一个布尔类型的值
//object 表示的是验证未通过的数据,返回值是一个对象
//这里就可以做一些回滚之类的操作
if (valid) {
alert('submit!')
} else {
for (let i in object) {
let dom = this.$refs[i];
// if (Object.prototype.toString.call(dom) !== '[object Object]') { //这里是针对遍历的情况(多个输入框),取值为数组
// console.log(dom);
// }
//第一种方法(包含动画效果)
dom.$el.scrollIntoView({ //滚动到指定节点
block: 'end', //值有start,center,end,nearest,当前显示在视图区域中间
behavior: 'smooth' //值有auto、instant,smooth,缓动动画(当前是慢速的)
})
}
}
})
this.$refs[form].validate用法
最新推荐文章于 2024-05-04 19:47:32 发布