router-link 改变当前被选择目标颜色
由于vue采用新的连接方式router-link,其默认渲染成a标签,我原先在样式中使用
& > router-link
display: block
font-size: 14px
color: rgb(77, 85, 93)
&.active
color: rgb(240, 20, 20)
发现并不能改变当前选中的目标的颜色
改正后:
& > router-link
display: block
font-size: 14px
color: rgb(77, 85, 93)
& > a.active
color: rgb(240, 20, 20)
成功改变当前被选择目标颜色
此处 .active 在router/index.js中,配置为
export default new Router({
linkActiveClass: 'active',
……
})