Element UI el-checkbox-group v-model 不支持 对象(object) 解决方案

这个问题在官方 Issues 看到不少相关问题 [Feature Request] checkbox-group value bound object array
但是官方没有计划支持

  • 方法一
    Element UI el-checkbox-group v-model 不支持 对象(object) 解决方案_第1张图片
    label 还是绑定官方限定的类型,在选中后使用 computed 实现
    在这里插入图片描述



  • 方法二 https://www.cnblogs.com/growupup/p/11755420.html(原博客地址)

    注意: 在你的项目中修改无效!

  1. 把 element 源码克隆到本地
    git clone https://github.com/ElemeFE/element.git
    或者下 zip 包 https://github.com/ElemeFE/element
  2. npm install
  3. 找到目录(packages\checkbox\src)中的 checkbox-button.vuecheckbox.vue 文件
    Element UI el-checkbox-group v-model 不支持 对象(object) 解决方案_第2张图片
  4. 将图中红框中的代码替换为以下代码
return this.model.indexOf(this.label) > -1 || JSON.stringify(this.model).indexOf(JSON.stringify(this.label)) > -1
  1. npm run dist,将生成的 lib 文件夹替换你的项目里 node-module 的 element-ui 文件夹中的 lib 文件夹

这样就可以直接绑定 object 了

你可能感兴趣的:(Element,UI,javascript,es6,前端)