当前导航高亮显示能够提升用户体验，我也知道，大家在网上搜dede让当前导航高亮显示的方法一抓一大把，但是，并不一定适合自己的需求。就像我的需求一样，导航有个二级导航，然后需要做到让当前导航高亮显示。我最开始用的方法是dede自带的让当前导航高亮显示的方法，代码如下，其中主要实现的代码 ...

需求是这样的 　　点击不同的导航菜单实现当前点击的菜单是高亮的,点击导航下面的某个分类,分类所属的导航也必须是高亮的,点击某一篇文章,文章所属的导航菜单也必须是高亮的. 网上说的思路是这样的: 　　在菜单层的链接加上一个rel属性,保存href属性即: <div id ...

　　我们在制作wordpress主题时有些客户要求导航在访问某个菜单时，这个菜单项会高亮显示，让用户知道自己正在访问的是哪个菜单下的内容，这个要如何实现呢？wordpress早就为你想好了，.current-menu-item和.current-menu-parent就是wordpress自带 ...

。不过，我这里没有这样做，没有抽取出来。 二、实现当前页面的标识+不同页面的head头部背景图片的改变 现在在 ...

需求：如果所有页面引用同一个头部导航菜单，点击栏目后，页面跳转的对应页面，这时导航菜单中该栏目高亮显示。 导航栏菜单html结构： 实现：判断a标签中href属性与当前窗口URL是否匹配，匹配则给其添加样式。 js代码： ...

效果界面： ...

随着用户点击导航或菜单上不同的页面，出现此选项高亮显示或变为一个新的样式是经常用到的。实现它所用的原理就是通过js中的location.href得到当前页面的地址，然后在与导航上的链接地址匹对，相同的就用一个css样式标记。此方法支持动态链接和静态链接多种形式。 实现 ...

el-menu-item index的值，我这里使用了 路由表中route.js中 的 路由name值 :default-active="this.$route.name" 如果不理解，可以看下 watch 监听 的 $route ...