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() } ...... }
这样在单机按钮的时候,如果没有验证通过就会跳到相应的位置。
原文地址:https://segmentfault.com/a/1190000021128410