概述
问题:想把二级菜单的“仪表盘”,更改为一级菜单,不知道该如何解决
想要的效果如下:
——仪表盘(PS:一级菜单)
——系统管理(PS:一级菜单)
————系统管理(PS:二级菜单)
1、目前侧边菜单效果如下:
2、数据结构如下:
3、前端代码如下:
collapse-transition
:default-active="$route.path"
class="aside-menu-test"
background-color="#252c41"
active-text-color="#FF6666"
text-color="#BFCBD9"
router
:collapse="collapse"
>
{{item.title}}
v-if="child.menu=='true'">{{child.title}}
补充内容:
1、在数据库中添加字段用来判断是否是一级菜单
2、前端代码修改如下
collapse-transition
:default-active="$route.path"
class="aside-menu-test"
background-color="#252c41"
active-text-color="#FF6666"
text-color="#BFCBD9"
router
:collapse="collapse"
>
{{item.title}}
{{item.title}}
v-if="child.menu=='true'">{{child.title}}
3、效果如图
可以变成想要的效果,但是点击后,菜单不能高亮
最后
以上就是坦率香烟为你收集整理的vue element html左侧菜单,【求助】vue element 如何把这样形式的侧边菜单设置为一级菜单,已附代码,图片...的全部内容,希望文章能够帮你解决vue element html左侧菜单,【求助】vue element 如何把这样形式的侧边菜单设置为一级菜单,已附代码,图片...所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复