你是如何在vue.js中更改griddata的？

Question

这是一个vue.js网格数据样本。

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

如何实时更改demo变量中的值？ （使用json格式）

Answer 1

您必须从子组件向父组件发出方法。

我展示了如何向父级发出方法，以及编辑数据。它工作但我忽略了排序。当你排序表时，所有索引都在变化，编辑操作失败。因为actions列始终是常量。您可以尝试此示例而无需排序。你可以理解如何制作它。

 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