Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 可手持(Vue包装)-是否将行与数据库id关联?_Vue.js_Handsontable - Fatal编程技术网

Vue.js 可手持(Vue包装)-是否将行与数据库id关联?

Vue.js 可手持(Vue包装)-是否将行与数据库id关联?,vue.js,handsontable,Vue.js,Handsontable,我正在尝试通过Vue包装器制作一个简单的数据库编辑器。我可以轻松地填充表,但是现在需要将更改保存回数据库 如果我使用afterChange()方法,hot将提供已经更改的单元格中的更改,但是我需要能够将这些更改与数据库id关联,以便将它们发送回服务器。您知道如何执行此操作吗?是否可以获取与行关联的更改?也可以在不向表中的用户显示数据库id的情况下执行此操作吗?要回答您的主要问题,您可以将元数据与单元格相关联。因此,您可以将技术id放在第一列中,例如,或隐藏列(或您想要的任何位置) 其中“hot”

我正在尝试通过Vue包装器制作一个简单的数据库编辑器。我可以轻松地填充表,但是现在需要将更改保存回数据库


如果我使用afterChange()方法,hot将提供已经更改的单元格中的更改,但是我需要能够将这些更改与数据库id关联,以便将它们发送回服务器。您知道如何执行此操作吗?是否可以获取与行关联的更改?也可以在不向表中的用户显示数据库id的情况下执行此操作吗?

要回答您的主要问题,您可以将元数据与单元格相关联。因此,您可以将技术id放在第一列中,例如,或隐藏列(或您想要的任何位置)

其中“hot”是您的Handsontable实例。()

然后可以访问
getCellMeta(0,0)


第二个问题:

还有,是否可以获取与行关联的更改

您已经能够通过过滤
afterChange
hook中的更改来获取特定行的更改。获取文档这是获取行的方式:

new Handsontable(element, {
  afterChange: (changes) => {
    changes.forEach(([row, prop, oldValue, newValue]) => {
      // Some logic...
    });
  }
})
正如您所看到的,变更是一个包含行和列(prop)的变更数组

希望这有帮助

new Handsontable(element, {
  afterChange: (changes) => {
    changes.forEach(([row, prop, oldValue, newValue]) => {
      // Some logic...
    });
  }
})