很多开发的时候会遇到菜单名字过长,显示不全的问题,对此有2中解决方式
1. 增加列宽—— 路径:src---assets---styles---variables.scss
2. 在长度不一定的情况下,建议使用文本框的方法,动态的显示标签的名称,一味的增加宽度并不能解决问题
效果图:
实现代码
修改路径 src---layout---Sidebar---Sidebarltem.vue
<el-tooltip class="item" effect="dark" :content="onlyOneChild.meta.title" placement="right-start">
<span v-if="onlyOneChild.meta">
<item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)":title="onlyOneChild.meta.title" />
</span>
</el-tooltip>
在修改的过程中会碰到若依的默认鼠标展示值和我们展示的值重复的问题,建议解决方式
代码修改路径 src--layout--Sidebar---item.vue