Vue JS에서 데이터 배열 업데이트

Question

VueJS 2.0에서 DataTable을 약간 만들려고하고 있는데 약간의 목표를 달성했습니다. 일부 JSON을 얻기 위해 백엔드 경로를 호출하고 있습니다. 레코드를 데이터베이스에 저장합니다.

나중에 레코드를 반복하여 표에 표시 할 GridData의 배열을 채우고 싶습니다. 여기서 문제는

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

그리고 데이터가 가 후크를 장착 불려 도착 내 기능을 다음과 같이

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

나는 내 데이터 설정이 ... 작동하지 않는 것입니다

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

여기에 뭐가 잘못 되었나요?

Answer 1

GET.POST 대신 POST HTTP 요청을 사용하여 API/DB에 새 레코드를 작성합니다.

나는 당신의 fetchData 방법과 같은 방법이 당신

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() 
    }) 
    } 
}