yaminncco / vue-sidebar-menu

A Vue.js Sidebar Menu Component

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Adding link to footer?

calicoder77 opened this issue · comments

Good day,

Just wondering if it is possible to access the footer like we do the header in:

const menu = [
    {
        header: 'Sidebar menu',
        hiddenOnCollapse: true,
    }
]

I'm trying to add an icon and link in there but not sure if that is supported?

Thanks again.

You can use footer slot

<sidebar-menu>
  <template #footer>footer</template>
</sidebar-menu>

You can use footer slot

<sidebar-menu>
  <template #footer>footer</template>
</sidebar-menu>

Good morning @yaminncco, unfortunately I tried that and get an error of v-slot directive must be owned by a custom element, but template is not.

Can you show me how you're using the component

Works now, thanks @yaminncco. I had a self-closing tag /> on my previous <sidebar-menu> and adding the <sidebar-menu> allows the 1st tip you gave to work well.