在做vue项目时,我们可能会遇到点击侧边栏导航菜单切换到新页面后当前导航栏并没有高亮的情况
假设我们点击“各单位概况”后字体没有高亮,那么该如何设置呢?
这里我仅提供自己实践的一种解决方法,欢迎大家提出意见或者补充方法。
假设路由及其他配置已正确
html关键代码设置 :default-active="activeIndex"
js关键代码设置:
computed:{
activeIndex(){
return this.$route.path.replace('/','')
}
}
这样设置后,无论如何刷新页面,页面都会高亮显示当前url,同时,点击浏览器前进后退按钮高亮显示也同步。