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


$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
          }
        },

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM