更新Vue中的數據數組JS

我試圖在VueJS 2.0中創建一個小數據表，並且我碰到了一些障礙，我正在調用一個後端路由來獲取一些JSON數據庫中的記錄，迄今爲止都非常好。更新Vue中的數據數組JS

我想要這些記錄填充一個GridData數組，我將稍後迭代並顯示在我的表上。這裏的問題是，它不工作...

Vue.http.post('/getData', data).then((response) => { 
    this.gridData = response.body; 
});

我有我的數據設置如下

data:() => { 
     return { 
      searchQuery: "", 
      columns: ['ID', 'Name', 'Campaign', 'Method', 'Limit Per Connection', 'Limit Per Day', 'Active', 'Successes', 'Failures', 'Last Ran'], 
      lastId: 0, 
      rowsPerPage: 10, 
      gridData: [] 
     } 
    }

而我的函數獲取的數據被稱爲在安裝鉤

mounted() { 
     this.fetchData(this.lastId, this.rowsPerPage); 
    },

我在這裏做錯了什麼嗎？

來源

2016-11-27 JonnySerra

工作，你fetchData方法怎麼樣子？如果你想填充你的數據，並將它們存儲在數組中，爲什麼你正在使用POST請求？你應該去GET。 –

您正在使用POST HTTP請求，而不是GET.POST用於在API/DB中創建新記錄。

我想這應該爲你

data() { 
     return { 
      searchQuery: "", 
      columns: ['ID', 'Name', 'Campaign', 'Method', 'Limit Per Connection', 'Limit Per Day', 'Active', 'Successes', 'Failures', 'Last Ran'], 
      lastId: 0, 
      rowsPerPage: 10, 
      gridData: [] 
     } 
}, 

created() { 
    this.fetchData() 
}, 

methods: { 
    fetchData() { 
    this.$http.get('/getData') 
    .then(result => { 
     this.gridData = result.data 
     // or this.gridData = result.json() 
    }) 
    } 
}

來源

2016-11-27 19:16:08

更新Vue中的數據數組JS

回答

相關問題