应用情景:在表单中,一个控件在添加时显示,同时验证不为空。在编辑时不显示,同时不验证。
解决方法:变量‘templateShow’是用来在点击‘添加’或‘编辑’按键时,分别置为‘true’和‘false’的,这样就会按照情况显示或者隐藏。
同时,借助‘templateShow’变量,可以利用 :rules来进行分情况验证与否。
<el-form-item label="模板" prop="process" v-show="templateShow" :rules=" this.templateShow==true?rules.process : []">
...
</el-form-item>
‘rules.process’是此项的验证规则
// 表单校验rules: {
process:[{
required:true,message:'请选择模板',trigger:'blur'},],},