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

思路：

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;
    }
}

知识点：

1）getElementsByClassName() 方法返回文档中所有指定类名的元素集合

2）querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素