应用场景如图:
选择第三方平台右侧计费规则非必选
选择手动配置,右侧计费规则必选
解决方案
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');