element ui form表单动态prop规则校验问题

应用场景如图：

选择第三方平台右侧计费规则非必选 

  选择手动配置，右侧计费规则必选

解决方案

1. rules校验规则

stationFeeType: [{
          required: true,
          message: '请选择计费配置方式',
          trigger: 'change'
        }]

 2. prop动态，notEmpty随意定义的，prop不能为空

<el-form-item label="计费规则" :prop="formInline.stationFeeType === 0 ? 'elecFeeId' : 'notEmpty'" >
              <el-select  v-model.trim="formInline.elecFeeId"
                          style="width: 260px"
                          filterable
                          placeholder="请选择" >
                <el-option :label="operation.elecFeeName"
                              :value="operation.elecFeeId"
                              :key="operation.elecFeeId"
                              v-for="operation in elecFeeList"></el-option>
              </el-select>
            </el-form-item>

3. 切换配置方式到第三方，右侧校验提示未消失

执行清除校验提示方法，参数为prop值

this.$refs.form1.clearValidate('elecFeeId');