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

问题描述

问 题

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

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

解决方案

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

这篇关于vue.js - vue-router 怎么实现点击切换时他的背景图片发生变化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！