动态控制form表单中的rules规则

今天遇到了一个需求,当业务类型不同为特定的值时,表单规则要限制或者不限制输入内容

方法很简单,这里记录一下吧

<el-form-item label="业务场景:" prop="businessType">
    <el-select style="width: 70%" v-model="form.businessType" placeholder="请选择">
           <el-option
                 v-for="item in ywcj"
                 :key="item.id"
                 :label="item.typeName"
                 :value="item.typeId"
                 @click.native="changeyw(item)"
            ></el-option>
       </el-select>
 </el-form-item>

当然了也可以用element-ui el-select中的@change事件

 changeyw(val) {
    console.log(val)
    if (val.typeId == '0' || val.typeId == '2' || val.typeId == '4') {
        console.log('22222222222222222')
        this.rules.personalSealName = []
    } else {
      this.rules.personalSealName = [{ required: true, message: '请输入', trigger: 'blur' }]
    }
    this.$refs.reference.clearValidate()
    },

通过判断是否符合情况进而来更改data里面rules中的规则