鍍金池/ 問答/HTML5  HTML/ vux框架，如何獲取復(fù)選框選中的id？

vux框架，如何獲取復(fù)選框選中的id？

clipboard.png

官方給的文檔是這樣的：

<checklist title="請(qǐng)選擇" :options="commonList" v-model="fruitID"></checklist>
{{fruitID}}

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

但是實(shí)際項(xiàng)目數(shù)據(jù)不會(huì)是這樣的，肯定會(huì)帶有id，如下

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

這樣我會(huì)把選中的id傳給后臺(tái)

文檔沒有說明，有誰有用過這個(gè)框架的嗎，怎么獲取對(duì)應(yīng)的id？

回答
編輯回答
不舍棄

export default {

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

},

<checklist title="請(qǐng)選擇" :options="tag === item.id" v-model="fruitID" v-for="item in commonList"></checklist>

2017年12月19日 10:23
編輯回答
尛憇藌

文檔里的這個(gè)例子就和你的是一樣的吧
clipboard.png

2018年8月5日 10:56