vue.jsのグリッドデータをどのように変更しましたか？

Question

ここにvue.jsグリッドデータサンプルがあります。

https://vuejs.org/v2/examples/grid-component.html

どのように私はリアルタイムでデモ変数に値を変更できますか？ （json形式を使用）

Answer 1

子コンポーネントから親コンポーネントにメソッドを送出する必要があります。

私は親に発光方法を教え、データを編集しています。それは働いていますが、私はソートを無視しました。 uソートされたテーブルでは、すべてのインデックスが変更され、編集操作が失敗しています。アクション列は常に一定であるためです。 Uはソートせずにこの例を試すことができます。そして、あなたはそれを作る方法を理解することができます。

methods: { 
saveIt: function() { 
    this.gridData[this.editingNow]["power"] = this.editPower; 
    this.gridData[this.editingNow]["name"] = this.editName; 
    this.EditDiv = false; 

}, 
test: function(sayim) { 
    this.editName = (this.gridData[sayim]["name"]); 
    this.editPower = (this.gridData[sayim]["power"]); 
    this.editingNow = sayim; 
    this.EditDiv = true; 
} 

Link