現(xiàn)在想要的效果是，選中或取消選中報(bào)名報(bào)名表單1中 ‘你’ 這個(gè)選項(xiàng)，對(duì)應(yīng)報(bào)名表單2中的 ‘你’ 這個(gè)選項(xiàng)對(duì)應(yīng)消失和出現(xiàn)，求大神解疑?。。〗o個(gè)思路也行啊。。。
1 回答
瀟瀟雨雨
TA貢獻(xiàn)1833條經(jīng)驗(yàn) 獲得超4個(gè)贊
<template> <el-checkbox-group v-model="checkList1" @change="onChange1"> <el-checkbox label="A"></el-checkbox> <el-checkbox label="B"></el-checkbox> <el-checkbox label="C"></el-checkbox> </el-checkbox-group> <el-checkbox-group v-model="checkList2" @change="onChange2"> <el-checkbox label="A"></el-checkbox> <el-checkbox label="B"></el-checkbox> <el-checkbox label="C"></el-checkbox> </el-checkbox-group></template>
data () { return { checkList1: ['A'], checkList2: ['B'],
};
}, methods: { onChange1: function(val) {
val.forEach((el) => { let pos = this.checkList2.indexOf(el) if (~pos) { this.checkList2.splice(pos, 1)
}
})
}, onChange2: function(val) {
val.forEach((el) => { let pos = this.checkList1.indexOf(el) if (~pos) { this.checkList1.splice(pos, 1)
}
})
}
}這種方式是否合適
添加回答
舉報(bào)
0/150
提交
取消