• 背景。处理element ui cascade懒加载方式数据回显。处理事件较久。
  • 两个关键点。
    1. 处理回显的原则：数据的值类型要正确：数组，数组要能配得上值中的区域编码，所以要根据数据值提前加载。另外要在create方法中预初始化加载上省份
    2. 编辑时对 options属性进行初始化。注意，这个options是个树结构数据。
    3. 修改级联时，放置节点重复加载，导致节点重复。需要在lazyLoad方法中判断是否存在children节点。

在这里插入图片描述

  • 在lazyLoad方法中判断是否存在children节点

在这里插入图片描述

  • 编辑时对 options属性进行初始化

在这里插入图片描述

  • 构建初始化的方法。

在这里插入图片描述

  • 总结。
    1. 需要了解属性options的结构，方便初始化。但没有办法通过watch监听到options的变化。组件没有将变化时间通知给父容器。
    2. 询问大模型，给了一些错误答案。屡试不管用。在处理lazyload重复加载子节点时返回值主意已定得是空数组。
    3. 列表页打开编辑窗口时因为是延时加载。页面打开速度较慢。已添加进度条优化体验。其实也可以不加，单独加载cascade组件上也可以。我没有尝试。
    4. 更新cascade级联组件缓存的方式不管用。在预加载后更新缓存获取getCheckedNodes方法时报错，我实在nextTick中获取的，不知道为什么不行。
Logo
DAMO开发者矩阵

DAMO开发者矩阵，由阿里巴巴达摩院和中国互联网协会联合发起，致力于探讨最前沿的技术趋势与应用成果，搭建高质量的交流与分享平台，推动技术创新与产业应用链接，围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐

cover

KingbaseES数据库：医疗信创潮涌沅江，国产化信创打造医疗新质生产力

avatar DAMO开发者矩阵
cover

告别迁移焦虑：金仓KDMS V4带你轻松搞定数据库国产化替代

avatar DAMO开发者矩阵
cover

KingbaseES数据库在常德二院全栈国产化信创中产生新质生产力,医疗信创的部署如何实现，如何操作？

avatar DAMO开发者矩阵