在 vuejs 中的图像中包含路由器链接标签

Question

我可以在图像标签中包装或附上路由器链接标签吗？

当我单击图像时，我希望它将我引导至所需的页面。

原文由 Kushagra Agarwal 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

是的，你可以，但它是相反的：你需要用 router-link 标签包装你的图像

<router-link to="/"><img src="path.jpg"/></router-link>

http://jsfiddle.net/vns5vwj9/1/

原文由 reinarg 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

对@reinarg 的回答稍作更新。您还可以像这样在路由器链接上使用 tag=“img” 选项：

 <router-link to="/" tag="img" src="https://www.petfinder.com/wp-content/uploads/2012/11/91615172-find-a-lump-on-cats-skin-632x475.jpg"></router-link>

router-link 将呈现为 img

小提琴

原文由 retrograde 发布，翻译遵循 CC BY-SA 3.0 许可协议