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

  • Post author:
  • Post category:其他



问题

: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


参考文章



版权声明:本文为qq_42383283原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。