element-ui 多选框组件el-checkbox-group

0 0 element-ui vue.js
不想好好学习
不想好好学习

声望值:315 0人

2018-09-25 15:48:26 提问

关注 0关注

收藏 0收藏, 199浏览

element-ui版本:^2.0.4
世界杯外围投注网站如下:scope.row.id为该行数据的id,想把这个id作为attribute对象里的key

clipboard.png

clipboard.png

问题如下图:选择一个checkbox之后,该组的checkbox都被选中,该组对应的v-model的值为true,而不是我想要的id的数组集合,应该怎么改?

clipboard.png

请先 登录 后评论

4个回答

  • ERP↘SAP135声望 2018-09-25 09:32

    你在循环体里面绑定model。
    请先 登录 后评论
  • ♪ 柠乐↘78声望 2018-09-25 09:32

    你可以先试试,不确定可行首先attribute = [],然后在获取到tableAttrVal的时候写个循环 this.tableAttrVal.map((v) => { this.attribute[v.id] = [] }) <el-checkbox-group v-model="attribute['tag'+scope.row.id]"></el-checkbox-group> attribute也要改: this.tableAttrVal.map((v) => { this.attribute['tag'+v.id] = [] })
    请先 登录 后评论
  • 起名焦虑症210声望 2018-09-25 09:32

    楼主大大, attribute = [] 是一个数组而不是你所写的对象,另外传递id的写法也是有点问题的。~.~
    请先 登录 后评论
  • ■-落小兮140声望 2018-09-25 09:32

    最终只需在得到表格数据tableAttrVal的之后,遍历tableAttrVal的id,取其id作为attribute的key,思路如@Shyla所说,template和data都不需做改变将attribute中每个key对应的值改为数组类型,稍作改变如下: this.tableAttrVal.map((v) => { this.$set(this.attribute,v.id,[]) }) 参考:
    请先 登录 后评论

世界杯外围投注官网

悬赏追问
10
  • 10
  • 20
  • 50
  • 100
  • 200
  • 输入数值
发布追问