element ui cascader 动态加载回显

Question

问题描述

最近使用element ui 做了三级类别选择框，但是当点击编辑，需将选择的三级id 数组，回显到cascader这个组件里时，出了问题，因为cascader用的是动态加载，后台也未提供获取整个级联数据的接口，想要实现这个功能怎么做😂，试了好多，都是卡在请求是异步这个问题上，不知道我说的是否清楚

正常新建是这样

Answer 1

我跟你遇到类似问题了。。。.
似乎只要是异步加载的都存在类似的问题。比如异步查询数据的Select,你编辑时回显也会很麻烦。这个cascade,你仅仅只是异步加载就这样了，我还在里面使用了multiple那个参数，结果跟你的大同小异。官方github提issue也是半年没人解决。。。。。。

Answer 2

我觉得这种情况可以自定义下数组
1.第一级肯定要根据id请求回所有的 因为毕竟要编辑 可能还选择其他的
2.第二级需要主动请求获取数据然后添加到 一级的children中
3.第三级也需要请求到第二级的children中

这样就不用全部请求回来

Answer 3

楼主你好，我用的"element-ui": "^2.4.5版本的，你回显的时候，要先异步加载完级联选项，然后获取需回显的的值的数组，就是完整的选择后的数组值，然后最重要的是这个值的类型一定要和你级联选择器的value一样才行。
比如我的选择器value是number型，我回显的数组里面的值就必须是number型，这要这些都对上了，就应该能正常回显选中了

Answer 4

请问解决了吗，我也是动态加载，需要回显，一致不行