vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 08:52:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update menu docs for router

Browse source
This commit is contained in:
Cagatay Civici 2023-08-30 10:26:11 +03:00
parent 8cc457318b
commit b5e0455c2e
2 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

11
doc/menu/RouterDoc.vue
View file

@ -1,5 +1,10 @@
<template>
<DocSectionText v-bind="$attrs"> </DocSectionText>
<DocSectionText v-bind="$attrs">
<p>
Since v3.23.0 the vue-router dependency of menu components is deprecated and templating should be used to define router links instead. This approach provides flexibility to be able to use any kind of router link component such as
<i>NuxtLink</i> or <i>router-link</i>. Here is an example with vue-router.
</p>
</DocSectionText>
<div class="card flex justify-content-center">
<Menu :model="items">
<template #item="{ label, item, props }">
@ -55,9 +60,7 @@ export default {
{
label: 'Upload',
icon: 'pi pi-upload',
command: () => {
this.$toast.add({ severity: 'success', summary: 'Upload', detail: 'File Uploaded', life: 3000 });
}
to: '/fileupload'
}
]
}

5
doc/menu/TemplateDoc.vue
View file

@ -1,6 +1,9 @@
<template>
<DocSectionText v-bind="$attrs">
<p>Two slots named "start" and "end" are provided to embed content before or after the menu. In additon Menu, offers item customization with the <i>item</i> template that receives the menuitem instance from the model as a parameter.</p>
<p>
Menu offers item customization with the <i>item</i> template that receives the menuitem instance from the model as a parameter. When item templating is used, it is suggested to bind the <i>action</i> prop from the slot props to handle
accessibility and pass through attributes. Additionally, two slots named <i>start</i> and <i>end</i> are provided to embed content before or after the menu.
</p>
</DocSectionText>
<div class="card flex justify-content-center">
<Menu :model="items">