Prime Vue 3 Menu Composition api

UI Components for Vue
Post Reply
elauersen
Posts: 1
Joined: 04 Mar 2021, 23:02

04 Mar 2021, 23:12

Just new to the framework,

I'm having a bit of a problem getting the menu (overlay) to work with composition API. Specifically, the options example has a menu and button that calls a function with this syntax:

<Button type="button" label="Toggle" @click="toggle" aria-haspopup="true" aria-controls="overlay_menu" />
<Menu id="overlay_menu" ref="menu" :model="items" :popup="true" />

and the handler like this:

toggle(event) {
this.$refs.menu.toggle(event);
},

I am able to get a menu without the overlay working using the composition api, but not sure of the syntax required to get the popup effect to work so that the menu is originally hidden? Any info would be appreciated

tugce.kucukoglu
Posts: 76
Joined: 23 Oct 2020, 09:28

15 Apr 2021, 14:49

Hi,

You can find Composition API example on the PrimeVue showcase. Here is the Menu example https://codesandbox.io/s/6fzvy

Best Regards,

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest