elementUI 多选框 选项为对象时,初始默认值不选中

问题:elementUI多选框,一维数组,如官网例子那样数组内元素为字符串时正常使用,但在实际情况多选框的元素为对象,为对象时,默认选中不显示,实际上是选中了,但是不显示。

解决方法

直接下载资源lib.zip解压,把lib包替换项目node-modules的element-ui 文件夹中的lib

按照以下步骤操作

  1. 下载elementUI源码 注意选择对应的版本号
    在这里插入图片描述

  2. cnpm install安装依赖 / npm install安装依赖

  3. 修改源码, 在packages\checkbox\src\目录中找到以下代码,进行修改,两个文件都需要修改!

在这里插入图片描述

return this.model.indexOf(this.label) > -1;

改为

return this.model.indexOf(this.label) > -1 || JSON.stringify(this.model).indexOf(JSON.stringify(this.label)) > -1;

注意:修改过程中不要有空格与缩进符混用,否则报错:

Mixed spaces and tabs 参考文档

  1. 运行命令:npm run dist
  2. 将生成的lib包替换项目node-modules的element-ui 文件夹中的lib

参考文章

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值