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

应用场景如图:

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

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

解决方案

1. rules校验规则

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

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


              
                
              
            

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

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

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

 

 

你可能感兴趣的:(vue,js)