element树形图地区选择器(一)

前言:前段时间刚完成两个项目,现在空下来了聊聊遇到的问题,

之前有个需求就是用tree型结构实现地区选择,由于ui库选中的是element ui,找到tree组件,实现效果如下,如果很急可以直接去看我的下一篇文章,这篇文章为遇到的问题

 

如果按照常规流程是没问题的,但是选中之后还要编辑,那就表示选中的数据还得是个树形结构的,但是找到element官网里面相关的api都试了一遍,都没有返回我想要的结构.

this.$refs.tree.getCheckedNodes().map((res) => {
console.log(res)
});

返回值.

可以看到返回的是一个个节点,但是我们点击编辑的时候还是要树形结构怎么办

当时找了好久都没找到解决方案,只能自己手撕了,你既然不能返回树形结构,那我就把你返回的一个个节点拼成树形结构

具体实现方案下篇文章讲