老子真可爱� 2024-09-10 10:15 采纳率: 0%
浏览 8

el-cascader 点击父级子集无法正常回显

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": []
        }
    ]
}

只能正常显示父级数据,子集显示暂无数据

```

  • 写回答

1条回答 默认 最新

  • B sky 2024-09-10 13:46
    关注

    先传一份未修改配置项的数据,如果正常回显就是配置的时候哪里错误了

    评论

报告相同问题?

问题事件

  • 创建了问题 9月10日

悬赏问题

  • ¥15 35114 SVAC视频验签的问题
  • ¥15 impedancepy
  • ¥15 在虚拟机环境下完成以下,要求截图!
  • ¥15 求往届大挑得奖作品(ppt…)
  • ¥15 如何在vue.config.js中读取到public文件夹下window.APP_CONFIG.API_BASE_URL的值
  • ¥50 浦育平台scratch图形化编程
  • ¥20 求这个的原理图 只要原理图
  • ¥15 vue2项目中,如何配置环境,可以在打完包之后修改请求的服务器地址
  • ¥20 微信的店铺小程序如何修改背景图
  • ¥15 UE5.1局部变量对蓝图不可见