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

Question

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

我的代码

 

Answer 1

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

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

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

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

prop="checked?'':startTime"

prop="checked?'':endTime"

这样就完成啦