el-checkbox-group 无法设置初始值

400 阅读1分钟

2021/2/25 开发公司项目

项目需求: 给我一个数据,让我完成因素的选择

数据格式:
[	{    	name:1,        list:[        	{name:1-1}        ]
    },
    {
    	name:2,
        List:[
        	{name:2-2}
        ]
    }
]

实现功能 :

1.选择name:1的选择框的时候,name:1对应的list选择一个默认的,同时name:2的需要禁止
2.根据不同情况,要给默认值

简简单单实现:

1.在选择了name:1的时候,通过一个对象数组从数据中获取name:1在数据中的下标,然后通过下标获取nmae:1中的list
2.给数据中name:1,name:2添加 一个字段,选择数据的时候判断选择的数据是什么,然后将另一个的这个字段变成true,禁止选择

Bug:

默认值无法实现

原因:

绑定值都是一维字符串数组, 不支持对象数组

解决:修改框架代码,重新打包,替换lib

element官方包下载,修改下面这些地方

红色地方替换

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

npm run dist,将生成的 lib 文件夹替换项目里 node-module 的 element-ui 文件夹中的 lib 文件夹。