Gridstack.js: Pengikatan model Vue tidak berfungsi di removeWidget ()

Dibuat pada 18 Okt 2016 · 3Komentar · Sumber: gridstack/gridstack.js

Saya menggunakan Vue dan gridstack. Widget (yaitu, komponen Vue) diberikan oleh array dari vue. $ Data.widgets. Saat menambahkan widget, saya memanggil grid.addWidget () pada acara pemasangan komponen Vue. Itu berhasil.

Namun, saya tidak tahu di tempat yang baik untuk memanggil grid.removeWidget (). Pada dasarnya, jika memanggil vue. $ Data.widgets.splice (idx, 1), vue akan secara otomatis direfleksikan ke UI - widget gridstack itu dihapus tetapi meninggalkan area kosong di tempat widget yang dihapus. Saya pikir grid.removeWidget () perlu dipanggil ke suatu tempat. Saya mencoba acara "hancur" atau "beforeDestroy" di komponen vue itu. Tetapi gridstack melaporkan kesalahan dalam removeWidget () - node tidak ditentukan pada metode removeNode () selanjutnya.

Saya juga mencoba memanggil removeWidget () sebelum update vue $ data.widgets.splice (), yang akan menyebabkan pengecualian vue.

Jadi, apakah mungkin menyegarkan tata letak widget daripada dengan removeWidget () / addWidget ()?

question

Sumber