发布于 4年前

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()
    }
    ......
}

这样在单机按钮的时候,如果没有验证通过就会跳到相应的位置。

©2020 edoou.com   京ICP备16001874号-3