router-link 改变当前被选择目标颜色
router-link 改变当前被选择目标颜色由于vue采用新的连接方式router-link,其默认渲染成a标签,我原先使用& > router-linkdisplay: blockfont-size: 14pxcolor: rgb(77, 85, 93)&.active...
·
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',
……
})
更多推荐
已为社区贡献1条内容
所有评论(0)