Gridstack.js: Vue 모델 바인딩이 removeWidget ()에서 작동하지 않습니다.

Vue와 gridstack을 사용합니다. vue. $ data.widgets에서 배열로 렌더링 된 위젯 (즉, Vue 구성 요소). 위젯을 추가 할 때 Vue 컴포넌트 탑재 이벤트에서 grid.addWidget ()을 호출합니다. 작품입니다.

그러나 grid.removeWidget ()을 호출하기에 좋은 곳을 알 수 없습니다. 기본적으로 vue. $ data.widgets.splice (idx, 1)를 호출하면 vue는 자동으로 UI에 반영됩니다. 해당 gridstack 위젯은 삭제되지만 삭제 된 위젯 위치에는 빈 영역이 남습니다. 나는 grid.removeWidget () 어딘가에 호출해야한다고 생각합니다. 해당 vue 구성 요소에서 "파괴"또는 "beforeDestroy"이벤트를 시도했습니다. 그러나 gridstack은 removeWidget ()에서 오류를보고합니다. 하위 시퀀스 removeNode () 메서드에서 노드가 정의되지 않았습니다.

또한 vue가 $ data.widgets.splice ()를 업데이트하기 전에 removeWidget ()을 호출하려고 시도하여 vue 예외를 발생시킵니다.

그렇다면 removeWidget () / addWidget () 대신 위젯 레이아웃을 새로 고칠 수 있습니까?