element ui中的循环出来的checkbox怎么能绑定不同的v-model?

现在想要的效果是,选中或取消选中报名报名表单1中 ‘你’ 这个选项,对应报名表单2中的 ‘你’ 这个选项对应消失和出现,求大神解疑!!!给个思路也行啊。。。

https://img1.mukewang.com/5b658b6800013d9a08000512.jpg

慕仙森
浏览 6870回答 1
1回答

潇潇雨雨

<template> &nbsp;&nbsp;<el-checkbox-group&nbsp;v-model="checkList1"&nbsp;@change="onChange1"> &nbsp;&nbsp;&nbsp;&nbsp;<el-checkbox&nbsp;label="A"></el-checkbox> &nbsp;&nbsp;&nbsp;&nbsp;<el-checkbox&nbsp;label="B"></el-checkbox> &nbsp;&nbsp;&nbsp;&nbsp;<el-checkbox&nbsp;label="C"></el-checkbox> &nbsp;&nbsp;</el-checkbox-group> &nbsp;&nbsp;<el-checkbox-group&nbsp;v-model="checkList2"&nbsp;@change="onChange2"> &nbsp;&nbsp;&nbsp;&nbsp;<el-checkbox&nbsp;label="A"></el-checkbox> &nbsp;&nbsp;&nbsp;&nbsp;<el-checkbox&nbsp;label="B"></el-checkbox> &nbsp;&nbsp;&nbsp;&nbsp;<el-checkbox&nbsp;label="C"></el-checkbox> &nbsp;&nbsp;</el-checkbox-group></template>data&nbsp;()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;checkList1:&nbsp;['A'],&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;checkList2:&nbsp;['B'], &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}; &nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;methods:&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onChange1:&nbsp;function(val)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;val.forEach((el)&nbsp;=>&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;let&nbsp;pos&nbsp;=&nbsp;this.checkList2.indexOf(el)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(~pos)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.checkList2.splice(pos,&nbsp;1) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onChange2:&nbsp;function(val)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;val.forEach((el)&nbsp;=>&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;let&nbsp;pos&nbsp;=&nbsp;this.checkList1.indexOf(el)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(~pos)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.checkList1.splice(pos,&nbsp;1) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;}这种方式是否合适
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js