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

鍍金池/ 問答/HTML/ 關(guān)于el-checkbox選中的值push到一個數(shù)組里的問題

關(guān)于el-checkbox選中的值push到一個數(shù)組里的問題

一個el-checkbox-group

要求選中的checkbox的值放到一個數(shù)組里面,沒有選中的不在這個數(shù)組里面,數(shù)組里面永遠(yuǎn)保存的是選中的數(shù)據(jù)
應(yīng)該怎么實現(xiàn)

chooseCardGrade (val){
        let cardGradeList = [];
        cardGradeList.push({
          cardGradeId:val.id,
          cardGradeName:val.name
        });
        console.log(cardGradeList);
      },

這樣寫的話 選中之后再取消 還是在數(shù)組里

回答
編輯回答
乞許

1、vue.js的特性之一就是數(shù)據(jù)綁定(具體看官方文檔)
2、這個問題可以通過v-model綁定數(shù)組來解決
3、以下為代碼
HTML代碼,可以el-checkbox-group看到綁定了checkForm對象中的checkList
<el-checkbox-group v-model="checkForm.checkList">

 <el-checkbox v-for="iteam in checkCodeList" :label="iteam.decodeId" :key="iteam.decodeId">{{iteam.decodeValue}}
 </el-checkbox>

</el-checkbox-group>
對象定義
checkForm: {

 checkList: [],//認(rèn)證列表
 },

4、根據(jù)以上代碼你可以在grop中添加一個@click事件,來查看checkList中的值是否是你想要的

2018年6月2日 01:50
編輯回答
風(fēng)清揚(yáng)

你 不用這樣寫,你就在data里面定義一個數(shù)組,然后通過v-model將這個數(shù)組與你的復(fù)選框組<el-checkbox-group>綁定到一起,就可以了

2017年9月7日 19:24