vue-router 怎么实现点击切换时他的背景图片发生变化

我想做到最普遍的点击相应的路由时,他
下面的背景图片转换以及文字背景转换
clipboard.png

clipboard.png

求大神给写一个示例谢谢了 ,自己看了一下router-lin-active 和 link Active Class但是不知道怎么取实现这个效果谢谢 大家了

阅读 7.9k
2 个回答

你要知道 <router-link> 默认会被渲染成一个 <a> 标签 ;
然后点击这个<a> 标签时,该标签会被添加一个router-link-active的class。
所以我们就可以拿这个class来操作它下面的元素:
demo

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题