PrimeVue 编辑行答案

【问题标题】：PrimeVue editingRowsPrimeVue 编辑行
【发布时间】：2021-02-12 18:22:36
【问题描述】：

我希望有人可以帮助我使用 PrimeVue DataTable 编辑模式。在 DataTable 的文档中指出

通过将cellEdit 设置为“行”来定义行编辑，使用v-model 指令定义editingRows 以保存对编辑行的引用，并添加行编辑器列以提供编辑控件。请注意，由于editingRows 启用了双向绑定，您可以使用它来在编辑更多或以编程方式切换行编辑时初始显示一行或多行。

有没有人有关于如何使用editingRows 以编程方式在新添加的行中切换编辑的工作示例？我尝试通过将新行的值推入 editingRows 数组来更新此变量，但这并没有改变页面上的任何内容（我尝试使用 nextTick），这意味着当我手动触发行编辑我不得不取消它两次以清空数组。

【问题讨论】：

【解决方案1】：

对于遇到相同问题的任何人，事实证明解决方案非常简单，需要直接重新分配给 this.editingRows - 我之前尝试使用 push 为其添加新值。

我是这样做的（同时保持行 - 处于编辑模式 - 处于编辑模式）：

this.editingRows = [...this.editingRows, this.newRow]

【讨论】：