vue element html左侧菜单,【求助】vue element 如何把这样形式的侧边菜单设置为一级菜单，已附代码，图片...

问题：想把二级菜单的“仪表盘”，更改为一级菜单，不知道该如何解决

想要的效果如下：

——仪表盘(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、效果如图

可以变成想要的效果，但是点击后，菜单不能高亮