ハンドルVUEグリッドが

Question

結果これは、VUEグリッドの例である：

{ 
data: [ 
    { 
    name: "Simone", 
    power: "Infinity" 
    }, 
    { 
    name: "Chuck", 
    power: "Simonity" 
    } 
] 
} 

：

var demo = new Vue({ 
     el: '#demo', 
     data: { 
      searchQuery: '', 
      gridColumns: ['name', 'power'], 
      gridData: [ 
       { name: 'Chuck Norris', power: Infinity }, 
       { name: 'Bruce Lee', power: 9000 }, 
       { name: 'Jackie Chan', power: 7000 }, 
       { name: 'Jet Li', power: 8000 } 
      ] 
     } 
    }); 

これは、データのような

demo.$http.get('http://localhost:8001/people') 
     .then(response => { 
      console.log(response.body); 
     }, response => { 
      console.log('something went wrong'); 
     }); 

内部thwoアイテムを返す要求であります

どのようにしてgridData内に応答を入れることができますか？

Answer 1

は、あなたのgridDataアレイのpush()方法を使用してみてください：

demo.$http.get('http://localhost:8001/people') 
    .then(response => { 
     for (let i in response.data) 
      demo.gridData.push(response.data[i]); 
    }, response => { 
     console.log('something went wrong'); 
    });