router-link高亮问题
来源：3-2 路由配置+ tab 顶导组件开发
qq_帆叔_0
2018-05-18
老师，我没有用style那个组件 直接用css写的样式 ，现在有一个问题，进去页面 第一个router-link 推荐那个内容始终高亮，不管切换到哪个路由一直高亮，但是其他三个理由切换正常，不会一直高亮，这个怎么回事，代码一样，就是所有的CSS都是现在每个VUE组件里的
<style scoped>
.tab{
display: flex;
height: 44px;
line-height: 44px;
font-size: 14px;
}
.tab-item{
flex: 1;
text-align: center;
}
.tab-link{
padding-bottom: 5px;
color:#ccc;
}
.router-link-active span{
color: yellow;
border-bottom: 2px solid #fff;
}
</style>
2回答
-
qq_帆叔_0
提问者
2018-05-18
import Vue from 'vue'
import Router from 'vue-router'
import Recommend from '../components/head/recommend'
import Rank from '../components/head/rank'
import Search from '../components/head/search'
import Singer from '../components/head/singer'
Vue.use(Router)
export default new Router({
routes: [
{
path:'/',
redirect:'/recommend'
},
{
path: '/recommend',
component: Recommend,
},
{
path: '/singer',
component: Singer
},
{
path: '/rank',
component: Rank
},
{
path: '/search',
component: Search
},
]
}
这是我的路由配置
00 -
ustbhuangyi
2018-05-18
你路由的配置是怎么写的
032018-05-19
相似问题