PrimeVue3 菜单栏设置项右对齐

Question

我有一个 prime vue 菜单栏，其中有 3 个标签向左对齐

HTML

<Menubar :model="items" />

.vue 文件

export default {
    data() {
        return {
            items: [
                {
                   label:'Users',
                   icon:'pi pi-fw pi-user',

                },
                {
                   label:'Events',
                   icon:'pi pi-fw pi-calendar',
                  },

                {
                   label:'Settings',
                   icon:'pi pi-fw pi-cog'
                }
             ]
        }
    }
}

我想将设置选项卡移到右侧，我该怎么做？我尝试添加到设置标签下方。文档中没有示例

style:{'margin-right': 'auto'}

Answer 1

您无法使用模板选项：

<Menubar :model="items">
    <template #end>
        Settings
    </template>
</Menubar>

并从 items 中删除 'settings'，但随后您必须按照自己喜欢的方式构建。可能是点击打开菜单的按钮

PrimeVue3 菜单栏设置项右对齐

PrimeVue3 Menubar set item to align right

menubar

primevue

vuejs3