问题:想把二级菜单的“仪表盘”,更改为一级菜单,不知道该如何解决
想要的效果如下:
——仪表盘(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、效果如图
可以变成想要的效果,但是点击后,菜单不能高亮