使用el-tree 添加子节点 页面数据不渲染

前言:最近一段时间耗时最长的bug,将解决过程分享给大家

bug:用数据动态添加子节点,页面渲染不响应

需求:新建省市区

1.首先后端返回树级数据

image.png

2.直接套用el-tree

3.绑定创建时间,接受一个2个参数


image.png

4.给省添加市时或者添加子节点时,判断当前有无子节点,没有的话使用this.$set添加,一点要请求接口让后端返回一个唯一标识

this.set: 当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也许这个时候就需要用到this.set的功能就是解决这个问题的啦。

image.png

5.完成(怎么可能?就这最后一步,虽然有数据,就是渲染不到页面上)

  • 经过千辛万苦排查,都是拿来主义导致的-_-||,没有把node-key替换自己的唯一标识


    image.png

你可能感兴趣的:(使用el-tree 添加子节点 页面数据不渲染)