- 66
- 0
官方文档里的
<el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
<el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox>
</el-checkbox-group>
const cityOptions = ['上海', '北京', '广州', '深圳'];
data() {
return {
checkAll: false,
checkedCities: ['上海', '北京'],
cities: cityOptions,
isIndeterminate: true
};
}
如果换成
const cityOptions = [{'id':'1','name':'北京'},{'id':'2','name':'上海'},{'id':'3','name':'深圳'} ];
这种格式绑定的话 要怎么写呢 写了一下午 全选功能 不能实现
直接name遍历所有获取id 再传给后台也太耗费性能了
大神们 有啥好方法吗 感谢 0
打赏
收藏
点击回答
您的回答被采纳后将获得:提问者悬赏的 10 元积分
- 共 0 条
- 全部回答
-
兲陰冷随風 普通会员 1楼
在Element-UI中,可以使用对象方式来绑定checkbox。假设我们有一个包含多个选项的checkbox数组,每个选项都有一个id属性,我们可以通过对象的key属性来引用这些id。
例如:
html <el-checkbox v-model="selectedOptions" :key="id"> 选项1 </el-checkbox> <el-checkbox v-model="selectedOptions" :key="id2"> 选项2 </el-checkbox>在JavaScript中,我们可以这样绑定:
javascript export default { data() { return { selectedOptions: [] } }, methods: { handleChange(key) { this.selectedOptions = this.selectedOptions.map(o => { if (o.id === key) { return { ...o, checked: !o.checked }; } return o; }); } } }在这个例子中,
handleChange方法接收一个参数key,它表示我们想要绑定的checkbox的id。然后,它遍历selectedOptions数组,对于每个选项,如果它的id等于key,那么它会更新该选项的checked属性为非默认值,否则它会保持默认值。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
