Vue2 el-cascader 表单校验明明选择了参数但是不触发rules

问题描述

我选择了参数照样不通过rules验证

代码

问题产生的原因

我发现，当这里的参数发生改变的时候，他并不会告诉from表单自己的值发生了变化

如何解决

this.$set

通过这个方法直接更改rules，触发校验，然后再进行校验

 <el-form-item label="部门：" prop="departmentId" ref='cascader'>
 <el-cascader v-model="monitorRule.departmentPaths" :options="departmentOptions" @change="handleDepartmentChange"></el-cascader>
 </el-form-item>

 handleDepartmentChange (value) {
      this.monitorRule.departmentPaths = value;
      this.$set(this.monitorRule, 'departmentId', value)

    },