Element checkbox 实现多选

最新推荐文章于 2025-05-06 16:18:43 发布

gaolei_eit

最新推荐文章于 2025-05-06 16:18:43 发布

阅读量277

点赞数

分类专栏： Element 文章标签： elementui

本文链接：https://blog.youkuaiyun.com/weixin_39428080/article/details/118971434

版权

Element 专栏收录该内容

9 篇文章

订阅专栏

这段代码展示了如何在Vue应用中使用el-checkbox-group组件动态绑定数据。通过v-for指令遍历getGuestData获取的billId，并显示对应的profileName。guestName是一个数组，用于存储被选中的项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div>
   <el-checkbox-group v-model="guestName">
      <el-checkbox-button v-for="item in getGuestData" :key="item.billId" :label="item.profileName" border>
         <div>{{item.profileName}}</div>
      </el-checkbox-button>
   </el-checkbox-group>
</div>


guestName是数组