元素级联地址选择器的使用和无法回显bug

项目中遇到的问题，在此分享给大家并做记录，有需要欢迎随时交流！需求：实现如下图所示的级联地址选择器，可以根据返回的数据进行回显和修改。技术栈：vue、element-ui1。首先介绍一下这个组件的使用方法。首先准备一个json格式的地址，在这里呈现给大家：https://segmentfault.com/a/11...接下来安装element巴拉巴拉就不多说了。直接说如何使用其中areaInfo代表选定的省份或城市。options代表所有地址选项，也就是刚才的Json要价。props代表一个自定义的属性名，跟你地址json文件中的属性名有关系。分隔符表示用什么分隔省市。因为我们要被搜索到，所以我们自定义了'/'，默认就是'/'。如果前后不输入空格，用户将无法搜索。clearable：是否可以清除filterable：是否可以查找，使用步骤就这么多。发现一个问题，就是地址无法回显。即无法显示默认地址。接下来说说我是怎么解决的。定义了一个方法来解决不回显的问题：getTreeDeepArr(key,treeData){letarr=[];//递归时要操作的数组letreturnArr=[];//存储结果的数组letdepth=0;//定义全局级别//定义递归函数functionchildrenEach(childrenData,depthN){for(varj=0;j