vuejs nextick不更新

Question

我嘗試將我的前端連接到我的後端， 請求正確完成我收到了正確的數據，但DOM沒有更新。我用這個。$ nextTick但它不會影響更新

在我使用的模板{{system.CPU.avgload}} 就像我說的獲取正確地完成它傳遞到nexttick，但沒有改變

主VUE我有這個

import System from '../utils/system' 
import Auth from '../utils/auth' 

export default { 
    created: function() { 
    this.system = { 
     CPU: { 
     avgload: 0 
     } 
    } 
    }, 
    mounted: function() { 
    this.fetchData() 
    setInterval(function() { 
     this.fetchData() 
    }.bind(this), 10000) 
    }, 
    methods: { 
    fetchData() { 
     if (!Auth.checkAuth) { 
     console.log('test') 
     this.error = true 
     } else { 
     var self = this 
     this.$nextTick(function() { 
      System.Get(function (response) { 
      self.system = response 
      }) 
     }) 
     } 
    } 
    } 
} 

和模板

<div class="text-xs-left" id="example-caption-1">CPU : {{ system.CPU.avgload }} %</div> 

Answer 1

你必須在01加變量 vue實例部分。只有這個變量將變爲被動的並且在HTML中可用。

export default { 
    data: function() { 
    return { system: { 
       CPU: { 
        avgload : "" 
       } 
      } 
      } 
    } 
    ... 
    ...