码迷,mamicode.com
首页 > 其他好文 > 详细

element-ui Form表单校验

时间:2019-03-08 17:02:15      阅读:928      评论:0      收藏:0      [点我收藏+]

标签:class   字段   style   margin   name   字段名   element   false   通过   

使用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

element-ui Form表单校验

标签:class   字段   style   margin   name   字段名   element   false   通过   

原文地址:https://www.cnblogs.com/dannyyao/p/10496496.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!