element-ui Form表单校验

最新推荐文章于 2024-07-08 10:27:33 发布

ann49988

最新推荐文章于 2024-07-08 10:27:33 发布

阅读量322

点赞数

文章标签： ui

原文链接：http://www.cnblogs.com/dannyyao/p/10496496.html

版权

使用element-ui自带的表单校验，注意几个点：

1.el-form通过rules属性，绑定校验规则

2.el-form-item的prop属性，设置为需要校验的字段名

3.提交后二次校验

            saveEdit(formName) {
                this.$refs[formName].validate((valid) =>{
                    if (valid){
                        this.editVisible = false
                    } else{
                        this.$alert('有必填项未输入，请检查')
                    }
                })
            }

element-ui文档：http://element-cn.eleme.io/#/zh-CN/component/form

转载于:https://www.cnblogs.com/dannyyao/p/10496496.html