Vue

vue+elementui 动态获取数据 遍历循环生成el-checkbox-group

联系站长 作者:web知道 来源:未知 2019-02-16 17:54 我要评论

vue+elementui 动态获取数据 遍历循环生成el-checkbox-group...


data
tempRole:{
     roleObj:[]
}

template
<el-checkbox-group v-model="tempRole.roleObj[index]">
        <el-checkbox v-for="(item,index) in tableData" :key="index" :label="item.englishName" @change="awfi">{{item.name}}</el-checkbox>
</el-checkbox-group>

一开始我直接tempRole.roleObj[index]写成了这样,发现得到的结果是全选并且是true或false

后面查了一下资料,还是vue的理解还不够深
然后我在就点击弹出弹窗的事件里,加了下面的代码就可以了
for(let i=0;i<this.tableData.length;i++){
      this.tempRole.roleObj[i] = [] 
}
这样是手动给每一项创建了空数组
 




本文如有侵犯版权请联系站长删除。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评