element 级联选择器懒加载回显

element 级联选择器懒加载

问题描述：

最近使用element ui 做了二级级联选择框，点击编辑，需将选择的之前选择的数据，回显到cascader这个组件里时，怎么都显示不出来，如上图所示。
最后发现问题出现二级选择框的动态加载上，即点击一级选择框，二级选择框才加载。新增数据的时候，级联选择器保存的数据格式为[['value','value'],['value','value']]。点编辑按钮的时候只加载一级选择框，因此无法显示。

实现思路：

1. 首先理解懒加载的原理，懒加载后调用resolve将二级选择框数据加载到页面，实质上是将二级选择框数据添加到一级选择框的children属性上，node数据结构如下：
   
2. 在编辑的时候加载一级选择框，手动把二级选择框的数据放在一级选择框的children属性上
3. 此时，再给[['value','value'],['value','value']]默认值，即可实现，效果图如下：
   

代码实现