element优化---提交表单时焦点跳转至第一个校验不通过处

最新推荐文章于 2023-02-22 21:22:49 发布

huangzhin

最新推荐文章于 2023-02-22 21:22:49 发布

阅读量239

点赞数 1

分类专栏： element 文章标签： element优化

本文链接：https://blog.csdn.net/weixin_38131507/article/details/115127978

版权

element 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

思路：

1）获取所有不通过校验的元素（观察到不通过校验的元素都有一个class：is-error）

2）第一个不通过校验的元素获得焦点

实现：

this.$refs[formName].validate((valid) => {
    if (valid) {
        
    } else {
        setTimeout(()=>{
            var isError= document.getElementsByClassName("is-error");
            isError[0].querySelector('input').focus();
        },100);
        return false;
    }
}