router-link 选中图片
时间: 2023-07-19 19:42:34 浏览: 161
路由器设置图片示意图
要选中一个图片,您可以将图片包装在 `router-link` 标签中,然后在 `router-link` 上添加一个 `active-class` 属性来设置选中时的样式类。例如:
```
<router-link to="/your-route" active-class="selected">
<img src="/your-image.jpg" alt="Your Image">
</router-link>
```
这样,在当前路由匹配到 `/your-route` 时,`router-link` 标签将自动添加一个名为 `selected` 的样式类,您可以在 CSS 中定义该类的样式以实现选中时的效果。
阅读全文