[SOLVED] Vue Popup from a Separate component file doesnt work

I have tried many ways in which to popup a vue component from a separate vue file.
The DOM doesnt get updated properly. Am I doing something wrong?
Here’s what I am trying to do, taking the popup example in the docs
methods: {
const self = this;
// Create popup
if (!self.popup) {
self.popup = self.$f7.popup.create({
content: <mypopupcomponent/>.trim(),
});
// Open it
self.popup.open();

Anyone know whats going on? or what I am doing wrong?
I cant use routes to popup the component as I would like to introduce v-model passing in props to the popup component and then emit back based on content inputted into the popup.

If anyone can point me to something where this is demonstrated I would be most appreciative

I solved this by keeping the popup tag on the parent component and referencing the child component inside that.

Hi,
I am having a same problem there but i do not understand the way you solved
can you get me snippet of code for 'keeping the popup tag on the parent component and referencing the child component '?

sure,
something like this on the parent component template

<f7-popup :opened=“openchild” @popup:closed=“openchild = false”>

you can use a v-if on the child component if you don’t want to render it up front but then you may need a child component prop watch if you plan to pass anything via props.

hope that helps