Gridstack.js: لا يعمل ربط نموذج Vue في removeWidget ()

أنا أستخدم Vue و Gridstack. عناصر واجهة المستخدم (على سبيل المثال ، مكونات Vue) المقدمة بواسطة مصفوفة من vue. $ data.widgets. عند إضافة عنصر واجهة مستخدم ، أستدعى network.addWidget () في حدث Vue المُركب. إنه يعمل.

ومع ذلك ، لا يمكنني معرفة المكان المناسب لاستدعاء network.removeWidget (). بشكل أساسي ، إذا كان call vue. $ data.widgets.splice (idx، 1) ، فإن vue سوف ينعكس تلقائيًا على واجهة المستخدم - يتم حذف عنصر واجهة الشبكة هذا ولكنه يترك مساحة فارغة في مكان عنصر واجهة المستخدم المحذوف. أعتقد أن network.removeWidget () بحاجة إلى استدعاء في مكان ما. حاولت "تدمير" أو حدث "beforeDestroy" في هذا المكون vue. لكن كومة الشبكة تشير إلى وجود خطأ في removeWidget () - العقدة غير محددة بعد طريقة removeNode ().

أحاول أيضًا الاتصال بـ removeWidget () قبل تحديثات vue $ data.widgets.splice () ، سيؤدي ذلك إلى استثناء vue.

إذن ، هل من الممكن تحديث تخطيط عناصر واجهة المستخدم بدلاً من removeWidget () / addWidget ()؟