当前位置: 代码迷 >> 综合 >> VUE rules
  详细解决方案

VUE rules

热度:93   发布时间:2023-12-15 19:38:01.0

应用情景:在表单中,一个控件在添加时显示,同时验证不为空。在编辑时不显示,同时不验证。

解决方法:变量‘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'},],},
  相关解决方案