el-menu 顶栏菜单放置在右边

el-menu 顶栏菜单提供了多种配置选项，其中包括菜单放置位置的设置功能。通过设置 "collapse" 属性为 "indent"，可以将顶栏菜单放置在右边。

在设置顶栏菜单放置在右边时，首先需要在代码中定义一个 el-menu 组件，然后在其上添加 "collapse" 属性，并将其值设置为 "indent"。这样就可以将顶栏菜单放置在右边。此外，还可以通过设置 "split" 属性为 "true"，使顶栏菜单与侧边栏分开展示，提高用户体验。

以下是一个示例代码：

<template>
<div>
<el-menu
mode="horizontal"
collapse="indent"
split
>
<el-menu-item index="1">菜单1</el-menu-item>
<el-menu-item index="2">菜单2</el-menu-item>
<el-menu-item index="3">菜单3</el-menu-item>
</el-menu>
</div>
</template>

通过以上设置，el-menu 顶栏菜单将被放置在页面的右侧，并且与侧边栏分开展示。用户可以通过点击菜单项来进行相应操作。这样可以使顶栏菜单更加突出，提升用户的使用体验和导航效率。

总而言之，el-menu 顶栏菜单可以通过设置 "collapse" 属性为 "indent"，将菜单放置在右边。这一功能的引入，为用户提供了更多的自定义选项，以适应不同的界面设计需求。