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

版本说明
"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>

相关推荐

  1. 日常bug记录el-checkbox 对象数组

    2024-07-13 05:08:01       21 阅读
  2. vue数据

    2024-07-13 05:08:01       54 阅读
  3. WPF数据

    2024-07-13 05:08:01       34 阅读
  4. springmvc数据

    2024-07-13 05:08:01       29 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-13 05:08:01       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-13 05:08:01       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-13 05:08:01       58 阅读
  4. Python语言-面向对象

    2024-07-13 05:08:01       69 阅读

热门阅读

  1. UniVue@v1.3.0版本发布

    2024-07-13 05:08:01       27 阅读
  2. WXML,WXSS和HTML,CSS的区别

    2024-07-13 05:08:01       23 阅读
  3. ODrive学习笔记一:开发环境搭建

    2024-07-13 05:08:01       21 阅读
  4. Eureka 介绍与使用

    2024-07-13 05:08:01       26 阅读
  5. Perl基础入门指南:从零开始掌握Perl编程

    2024-07-13 05:08:01       30 阅读
  6. 认识string(二)详解

    2024-07-13 05:08:01       35 阅读
  7. Ubuntu下安装配置和调优Docker,支持IPV6

    2024-07-13 05:08:01       26 阅读
  8. Vue的生命周期函数有哪些?详细说明

    2024-07-13 05:08:01       26 阅读
  9. SQL面试题(二)

    2024-07-13 05:08:01       26 阅读
  10. OpenCV一个简单的摄像头调用与关闭

    2024-07-13 05:08:01       22 阅读