若依菜单名称过长显示不全怎么办？

最新推荐文章于 2025-06-21 23:16:17 发布

Roc-xb

最新推荐文章于 2025-06-21 23:16:17 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

文章标签：前端 javascript 若依

本文链接：https://blog.csdn.net/qq_19309473/article/details/137161583

若依开源框架同时被 2 个专栏收录

152 篇文章 ¥99.90 ¥299.90

订阅专栏

《若依开源框架》

152 篇文章 ¥99.90 ¥299.90

订阅专栏

当若依框架中的菜单名称过长时，超出的宽度不会完全显示。可以手动调整菜单宽度或通过设置鼠标悬停显示完整名称。具体操作包括在layoutcomponentsSidebarSidebarItem.vue文件中修改`:title`属性，以及在layoutcomponentsSidebarItem.vue文件中设置`title={(title)}`。

菜单名称太长的话超出宽度部分会显示...，我们可以自己调整一下菜单的宽度或者设置一个title，这样鼠标移动上去显示完整的菜单名称。

1、在layout\components\Sidebar\SidebarItem.vue文件设置:title

2、在layout\components\Sidebar\Item.vue文件设置title={(title)}

1、在`layout\components\Sidebar\SidebarItem.vue`文件设置`:title`

<sidebar-item
  v-for="child in item.children"
  :key="child.path"
  :is-nest="true"
  :item="child"
  :title="child.meta.title"
  :base-path="resolvePath(child.path)"
  class="nest-menu"
/>

了解本专栏