vue 表单验证为空时自动定位到对应位置


方法一:

submitAuthForm(formName) {
            this.$refs[formName].validate((valid, invalidFields) => { if (valid) { console.log("执行方法") } else { for (let obj in invalidFields) { this.$refs[obj].focus(); break; } return false; } }) }

 方法二:

this.$refs[formName].validate((valid) => {
    if (valid) {

    } else {
        setTimeout(() => {
            var isError = document.getElementsByClassName("is-error");
            if (isError[0].querySelector('input')) {
                isError[0].querySelector('input').focus();
            } else if (isError[0].querySelector('textarea')) {
                isError[0].querySelector('textarea').focus();
            }
        }, 1)
        return false;
    }
})

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM