vue+element，表单验证自动聚焦到第一个未填处

1、创建一个js文件

export function firstInputFocus(){

​    setTimeout(()=>{

​        var isError= document.getElementsByClassName("is-error");

​        let isErrorInput = isError[0].querySelector('input');

​        let isErrortextarea = isError[0].querySelector('.el-textarea__inner');

​        if(isErrorInput){

​            isErrorInput.focus();

​        }

​        if(isErrortextarea){

​            isErrortextarea.focus();

​        }

​    },100);

}

2、在mian.js中全局引入一下

import {firstInputFocus} from '@/utils/tool.js'

Vue.prototype.$firstInputFocus = firstInputFocus

3、表单验证的地方调用

if (!valid) {

this.$firstInputFocus()

return false;

}