Gridstack.js: Привязка модели Vue не работает в removeWidget ()

Я использую Vue и gridstack. Виджеты (то есть компоненты Vue), отображаемые массивом из vue. $ Data.widgets. При добавлении виджета я вызываю grid.addWidget () при подключении компонента Vue. Это работает.

Однако я не могу найти подходящее место для вызова grid.removeWidget (). По сути, если вызвать vue. $ Data.widgets.splice (idx, 1), vue автоматически отобразится в пользовательском интерфейсе - этот виджет gridstack удаляется, но оставляет пустую область на месте удаленного виджета. Я думаю, что grid.removeWidget () нужно где-то вызвать. Я пробовал использовать событие «уничтожено» или «передDestroy» в этом компоненте vue. Но gridstack сообщает об ошибке в removeWidget () - узел не определен в подпоследовательности метода removeNode ().

Я также пытаюсь вызвать removeWidget () до того, как vue обновит $ data.widgets.splice (), что вызовет исключение vue.

Итак, можно ли обновить макет виджетов, а не с помощью removeWidget () / addWidget ()?