elementUI checkbox-group 多选自定义传参 (显示的值和作为参数的值不同)

最新推荐文章于 2024-09-25 09:45:27 发布

大可大可抖

最新推荐文章于 2024-09-25 09:45:27 发布

阅读量1.4w

点赞数 3

分类专栏： Vue 文章标签： elementUI 多选

本文链接：https://blog.csdn.net/p930318/article/details/87690957

版权

Vue 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

<el-checkbox-group v-model="checkedCities" >
    <el-checkbox  v-for="i in cities" :label="i.id" :key="i.id" >{{i.name}}</el-checkbox>
</el-checkbox-group>




data () {      
   return {        
      checkedCities: [],
      cities:[
        {id:'fushanqu',name:'福山区'},
        {id:'zhifuqu',name:'芝罘区'},
        {id:'laishanqu',name:'莱山区'}
      ],
   };
},

上面是demo。

传出的数据是:lable 里的值，所以我们把数据格式改改就可以了。