vue數據結構有多層,改變二級結構數據,dom節點沒有從新渲染的坑

$nextTick這個方法的意思大概就是數據更新後觸發dom節點更新吧,數據多層的時候vue監聽不到底層的數據變化,能夠使用watch方法深度監聽數據的變化,而後使用$nextTick在數據變化後觸發dom節點更新,而且數據獲取到後要遍歷數據放進定義的數組裏否則也不會出發dom節點更新vue

$.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
          }
        },
相關文章
相關標籤/搜索