【开发小记】elementUI面包屑跳到二级路由仍然保持父级导航栏高亮

400 阅读1分钟

一、效果展示

今天抽空实现了个人空间部分,数据是我自己用node返回的虚拟数据,啊哈哈哈哈哈,占个位

在这里插入图片描述

二、问题描述及解决

首先是第一个问题

二级路由点亮了,但是导航栏上父级导航栏却不高亮了。

因为我用的是elementUI组件库,所以其实是让el-menu中的:default-active能监听到父级组件就行了,改下图画线部分即可。

在这里插入图片描述

第二个问题

刚进入页面的时候一直处于加载模式,因为我在子组件没有加载出来的时候会展示加载动画,所以这个问题要解决,就要保证进入父级组件的时候要主动展示一个子组件的内容。我直接在router文件里做了修改。重点在画圈圈的地方。 在这里插入图片描述

基本功能完成,收工~~~