I’ve created a component that I’m using in multiple views which contains an IonPopover. It works well on the index page, but the popover won’t open in any other view.
I did some testing and found that the issue is the id. When I create 2 popovers with the same trigger they won’t work despite living in different views. Do you know why that is? I would expect them to work since the popovers are never mounted at the same time.
Are you sure they are never mounted at the same time? Ionic handles the lifecycle of a page differently than normal Vue. It keeps pages/components around in the DOM to make them quick to come back to making it feel more like a mobile app.
Why not pass in a prop into your custom component for the id so it can be different wherever you are using it?