需求就是如下图,选中结果对比,创建任务自动选中,取消选中结果对比时,创建任务也自动取消,并且创建任务可以单独选择。
在这里我们要用到vue的监听事件,watch。监听我们多选框绑定的Modal,并根据newVal和oldVal进行判断,
watch: {
upgrade_option_array(newVal, oldVal) {
if (newVal.indexOf('结果对比') !== -1 && newVal.indexOf('创建任务') === -1) {
newVal.push('创建任务')
this.form.showTask = true
}
if(oldVal.indexOf('结果对比') !== -1 && newVal.indexOf('结果对比') === -1){
var index = newVal.indexOf('创建任务')
if(index > -1){
newVal.splice(index,1)
this.form.showTask = false
}
}
if(newVal.indexOf('创建任务') !== -1){
this.form.showTask = true
}
}
},