el-cascader 二级结构 无法正常回显
<el-cascader
:options="flowList"
collapse-tags
v-model="dervalue"
@change="handleChange"
:props="cascaderProps"
@expand-change="loadOptions"
/>
flowList: [
{
"id": "bfda7d6c877a49d987a0930a80ed6597",
"corpSuiteId": "db3c79ba4e184ab08b123f3c219f1d9f",
"flowName": "测试工时",
"children": []
},
{
"id": "9e03cadb1aba487d972b8c26f7b575a6",
"corpSuiteId": "db3c79ba4e184ab08b123f3c219f1d9f",
"flowName": "测试11",
"children": []
},
{
"id": "aea0036d13de4a759acef0481870cb48",
"corpSuiteId": "db3c79ba4e184ab08b123f3c219f1d9f",
"flowName": "接口",
"children": []
}
],
dervalue: [],
cascaderProps: {
multiple: true,
checkStrictly: true,
// lazy: true,
// lazyLoad: this.loadOptions,
value: 'id',
label: 'flowName',
leaf: 'leaf',
children: 'children'
},
```javascript
children: [
{
id: "f8bff4dd2661434a97b2812ec8131df8",
flowName: "合同审批",
flowChild: [],
flowId: "dcfa99d9d6914e88bb48eff22e006b7c"
},
{
id: "8f3683cd43a249c496d6aa133acec8c2",
flowName: "A1",
flowChild: [],
flowId: "dcfa99d9d6914e88bb48eff22e006b7c"
},
{
id: "c5660ba6aaee44fbae8cc75a8b1d5a2b",
flowName: "S2",
flowChild: [],
flowId: "dcfa99d9d6914e88bb48eff22e006b7c"
}
]
处理之后的心数组如下:
{
"id": "dcfa99d9d6914e88bb48eff22e006b7c",
"corpSuiteId": "db3c79ba4e184ab08b123f3c219f1d9f",
"flowName": "设备维修",
"children": [
{
"id": "f8bff4dd2661434a97b2812ec8131df8",
"flowName": "合同审批",
"flowId": "dcfa99d9d6914e88bb48eff22e006b7c",
"children": []
},
{
"id": "8f3683cd43a249c496d6aa133acec8c2",
"flowName": "A1",
"flowId": "dcfa99d9d6914e88bb48eff22e006b7c",
"children": []
},
{
"id": "c5660ba6aaee44fbae8cc75a8b1d5a2b",
"flowName": "S2",
"flowId": "dcfa99d9d6914e88bb48eff22e006b7c",
"children": []
}
]
}
只能正常显示父级数据,子集显示暂无数据
```