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',
    ……
    })
Logo

前往低代码交流专区

更多推荐