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