PrimeVue редактирование строк

Question

Я надеялся, что кто-нибудь поможет мне с режимом редактирования PrimeVue DataTable. В документации для DataTable указано, что

Редактирование строк определяется установкой cellEdit как "строка", определяя editingRowsс директивой v-model для хранения ссылки на строки редактирования и добавления столбца редактора строк для обеспечения элементов управления редактированием. Обратите внимание, что поскольку editingRows включена двусторонняя привязка, вы можете использовать ее для первоначального отображения одной или нескольких строк при редактировании большего количества или программного переключения редактирования строк.

Есть ли у кого-нибудь рабочий пример того, как я могу использовать editingRowsпрограммно переключить редактирование во вновь добавленной строке? Я попытался обновить эту переменную, вставив значения новой строки в editingRowsarray, но это ничего не изменило на странице (я пробовал использовать nextTick), просто означало, что когда я затем вручную запускал редактирование строки, мне пришлось дважды отменить его, чтобы очистить массив.

Answer 1

Для любого, кто борется с той же проблемой, оказывается, что решение было довольно простым и требовало прямого переназначения this.editingRows - Раньше я пробовал добавить к нему новое значение, используя push.

Вот как я это сделал (сохраняя строки, которые были в режиме редактирования, в режиме редактирования):

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