element点击按钮取消单个el-form-item验证规则 再点击加上验证规则

需求:长期按钮为true时候取消结束时间验证规则 false时加上结束时间验证规则

我的代码

 

可以通过复选框状态,设置是否启用验证

checkbox的change事件里只需要改变一个checked值:

if(val){
    this.checked=true
}else{
    this.checked=false
}

然后prop通过三目运算checked,判断是否使用验证:

prop="checked?'':startTime"

prop="checked?'':endTime"

这样就完成啦

1根据状态push到rules里面

遇到了什么问题呢