Menubar displays only data items

UI Components for Vue
Post Reply
rapido_liebre
Posts: 2
Joined: 11 Aug 2020, 10:10

22 Aug 2020, 15:26

Hi,
I'd like to use Menubar with logo and other buttons exactly like in example https://www.primefaces.org/primevue/showcase/#/menubar.
Unfortunately I got only items defined in data array and no other widgets - logo and buttons in before/after slots [#start and #end] are omitted.

My template:

Code: Select all

<template>
<div>
    <Menubar :model="items">
      <template #start>
        <img alt="logo" src="../assets/book1.png" height="41" class="p-mr-2">
      </template>
      <template #end>
        <InputText placeholder="Search" type="text" />
        <Button label="Logout" icon="pi pi-power-off" :style="{'margin-left': '0 .5em'}"/>
      </template>
    </Menubar>
</div>
</template>
and link to result:
https://i.imgur.com/2roTZhq.png

Thanks for any advice how to fix it!

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests