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