vuelidate验证表单,点击提交按钮,验证未通过获取焦点,或者滚动到相应的位置
submitFun () {
// 提交表单验证
this.$v.touch()
// 如果我们有以下字段做了校验,name、sex、age、address、remark他们都是必填字段,如果验证未通过
if (this.$v.name.$invalid === true) {
this.$refs.name.focus()
} else if (this.$v.sex.$invalid === true) {
this.$refs.myForm.scrollTop = 0
} else if (this.$v.age.$invalid === true) {
this.$refs.age.focus()
} else if (this.$v.address.$invalid === true) {
this.$refs.address.focus()
}
......
}
这样在单机按钮的时候,如果没有验证通过就会跳到相应的位置。