Element表单必填校验提示并自动定位

【Element-ui】表单必填校验提示并自动定位

需求(根据自身需求)：
1、tips警告
2、提示框警告
3、自动定位到首个未通过校验字段

建议：
必填的el-form-item需要添加ref（建议ref与prop同名，ref用于定位
不啰嗦，直接上代码

this.$refs['xxx'].validate((valid, object) => {
	if(valid) {
        //逻辑处理
    }else {
		let str = []
        for (let key in object) {
        	object[key].map(item => {
        		str.push(item.message)
        	})
            let dom = this.$refs[Object.keys(object)[0]]
            if (Object.prototype.toString.call(dom) !== '[object Object]') {
                dom = dom[0]
                break
            }
            // 定位代码
            dom.$el.scrollIntoView({
                block: 'center',
                behavior: 'smooth'              
            });
        }
        this.$message.error(str.join(', '));
	}
})

最后

以上就是瘦瘦蛋挞为你收集整理的Element表单必填校验提示并自动定位的全部内容，希望文章能够帮你解决Element表单必填校验提示并自动定位所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。