vux框架,如何获取复选框选中的id?

clipboard.png

官方给的文档是这样的:

<checklist title="请选择" :options="commonList" v-model="fruitID"></checklist>
{{fruitID}}

commonList:[ 'China', 'Japan', 'America' ]

但是实际项目数据不会是这样的,肯定会带有id,如下

commonList: 
[
    {
        id:1,
        name:"西瓜"
    },
    {
        id:2,
        name:"苹果"
    }
],

这样我会把选中的id传给后台

文档没有说明,有谁有用过这个框架的吗,怎么获取对应的id?

阅读 2.9k
2 个回答

export default {

data () {  
  return {  
    tag: '1',  
    commonList: 
        [
            {
                id:1,
                name:"西瓜"
            },
            {
                id:2,
                name:"苹果"
            }
        ],
}  

},

<checklist title="请选择" :options="tag === item.id" v-model="fruitID" v-for="item in commonList"></checklist>

文档里的这个例子就和你的是一样的吧
clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题