在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ iview ui checkbox的相關(guān)問(wèn)題

iview ui checkbox的相關(guān)問(wèn)題

用官網(wǎng)上的例子寫(xiě)了個(gè)實(shí)例，代碼如下

<Checkbox-group v-molde="roles" @on-change="whenSelectRolesItem" size="large">
               <Checkbox label="1">香蕉</Checkbox>
               <Checkbox label="2">蘋(píng)果</Checkbox>
               <Checkbox label="3">西瓜</Checkbox>            
</Checkbox-group>

on-change事件官網(wǎng)描述如下：“在選項(xiàng)狀態(tài)發(fā)生改變時(shí)觸發(fā)，返回已選中的數(shù)組。通過(guò)修改外部的數(shù)據(jù)改變時(shí)不會(huì)觸發(fā)”

但是我自己操作時(shí)實(shí)際獲得的是每次點(diǎn)擊獲得的label值，而不是所有已選擇的checkbox的值
每次點(diǎn)擊只能獲得當(dāng)前點(diǎn)擊的label值

請(qǐng)問(wèn)如果想獲得所有已選擇的checkbox的值該如何解決？

第二個(gè)問(wèn)題是 v-model綁定的roles是一個(gè)數(shù)組 roles: ['1'], 按理來(lái)說(shuō)控件應(yīng)該會(huì)默認(rèn)選擇label為1也就是'香蕉'這個(gè)選項(xiàng)，但是實(shí)際上并沒(méi)有默認(rèn)選擇這個(gè)選項(xiàng)，而且這樣寫(xiě)還報(bào)了一個(gè)錯(cuò)
報(bào)錯(cuò)信息

請(qǐng)問(wèn)這個(gè)該如何解決？

回答
編輯回答
柒槿年

兩個(gè)問(wèn)題是同一個(gè)原因，單詞寫(xiě)錯(cuò)了，應(yīng)該是v-model而不是v-molde

2017年12月17日 05:35
編輯回答
大濕胸

試一下這樣
鏈接描述

<checkbox-group v-model="fruit" @on-change="change">
    <checkbox label="香蕉"></checkbox>
    <checkbox label="蘋(píng)果"></checkbox>
    <checkbox label="西瓜"></checkbox>
</checkbox-group>

methods:{
        change(vals){
      alert(vals);
      }
    }
2018年2月3日 08:33