美文网首页程序员
使用el-tree 添加子节点 页面数据不渲染

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

作者: jia林 | 来源:发表于2020-06-10 09:49 被阅读0次

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

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

需求:新建省市区

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

image.png

2.直接套用el-tree

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


image.png

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

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

image.png

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

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


    image.png

相关文章

网友评论

    本文标题:使用el-tree 添加子节点 页面数据不渲染

    本文链接:https://www.haomeiwen.com/subject/gpkutktx.html