[SOLVED] F7 Vue Panel missing destroy method

When using V3 of Framework7 vue, i use myApp.panel.create() to create a new panel but there is not destroy() method to destroy that instance. So if i return to the same page at a later time, the page throws an error because it tries to create a panel over top of an existing panel.

I can get around this by calling delete this.$f7.panel.right but that seems like it wouldn’t tear down event listeners and things. Is this OK?

There is panel’s destroy method http://framework7.io/docs/panel.html#panel-methods-properties

this.$f7.panel.right.destroy();
1 Like

This works! Not sure why i couldn’t get this to work before.