vue数据结构有多层，改变二级结构数据，dom节点没有重新渲染的坑

最新推荐文章于 2023-02-02 20:34:20 发布

weixin_30242907

最新推荐文章于 2023-02-02 20:34:20 发布

阅读量600

点赞数

文章标签： javascript 数据结构与算法 ViewUI

原文链接：http://www.cnblogs.com/missguolf/p/8876858.html

版权

$nextTick这个方法的意思大概就是数据更新后触发dom节点更新吧，数据多层的时候vue监听不到底层的数据变化，可以使用watch方法深度监听数据的变化，然后使用$nextTick在数据变化后触发dom节点更新,并且数据获取到后要遍历数据放进定义的数组里不然也不会出发dom节点更新

$.each(data.resultData,function (index,item) {
              item.showChild = false;
              self.tableData.push(item)
            })

showDetail(item){
            console.log(this.tableData)
            console.log(item)
            this.$nextTick(function () {
              item.showChild = !item.showChild
            })
          },

watch:{
          tableData:{
            handler:function(val,oldVal){
              this.tableData = val;
            },
            // 深度观察
            deep:true
          }
        },

转载于:https://www.cnblogs.com/missguolf/p/8876858.html