Since in v6 we are discouraged to use
.open() methods of Popups and Popovers, I tried setting the
target-el prop on the popover to dynamically set the targeted element. But neither passing
$event.target or by CSS selector worked.
Does not work
<f7-popover :target-el="PopoverTarget" ... this.PopoverTarget = $event.target; - or - this.PopoverTarget = '#' + $event.target.id; - or - let Popover = f7.popover.get('.popover'); Popover.$targetEl = $event.target;
I’ve checked the console, $event.target is a proper element.
The only way I was able to open the Popover is by using