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

Kus*_*wal 4 routing image vue.js

我可以在图像标记中包装或附加路由器链接标记吗?

当我点击图片时,我希望它将我转到所需的页面.

ret*_*ade 13

稍微更新@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>
Run Code Online (Sandbox Code Playgroud)

router-link将呈现为img

小提琴


小智 10

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

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

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