vue-router router-link怎么改变子元素的值

Question

router-link标签中有一个img标签，怎么根据router-link的激活状态改变img的图片

代码如下`

<router-link to="/chat"><img src="chat.png"></router-link>

因为.router-link-active本身有个渐变色的背景，所以没法根直接给他设置背景图了。

Answer 1

使用<router-link to="/chat"><img src="chat.png"><img src="chat_focus.png"></router-link>配合css的first-child和last-child解决了问题。