element-ui Form表单校验

时间:2023-03-08 17:45:41

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