【日常bug记录】el-checkbox 绑定对象数组

一棵开花的树，枝芽无限靠近你

于 2024-07-12 16:15:03 发布

阅读量84

点赞数 1

分类专栏： bug记录文章标签： bug javascript 前端 elementui

本文链接：https://blog.csdn.net/weixin_45855469/article/details/140382104

版权

bug记录专栏收录该内容

4 篇文章 0 订阅

订阅专栏

版本说明
"vue": "2.6.10",
"element-ui": "2.13.2",

这个写法很怪异哦，但确实管用。el-checkbox 绑定的 label 是双向绑定的值，也就是选中之后传到表单数据里面的值，一般设置为 id，然后在 el-checkbox 标签内部再使用插值表达式写上多选框框里面要显示的属性就可以了

<el-form-item required label="错误类型">
  <el-checkbox-group v-model="form.tagIds" class="tag-checkbox-group">
    <el-checkbox v-for="tag in tags" :label="tag.id" name="tagIds">
      {{tag.name}}
    </el-checkbox>
  </el-checkbox-group>
</el-form-item>