vue中router-link里 图片不能显示(用的是mint-ui)

我想要这个样子的

http://img.mukewang.com/595cb7660001e31003840049.jpg

<mt-tabbar fixed v-model="selected">

<mt-tab-item id="tab1">

<img slot="icon" src="../assets/home.png" width="100%">

</mt-tab-item>

<mt-tab-item id="tab2">

<img slot="icon" src="../assets/write.png">

</mt-tab-item>

<mt-tab-item id="tab3">

<img slot="icon" src="../assets/my.png">

</mt-tab-item>

</mt-tabbar>

我用的是mint-ui中的tabbar
用了router-link之后

http://img.mukewang.com/595cb7f70001e1a603790042.jpg

<router-link to="/personal" tag="mt-tab-item" id="tab3"><img slot="icon" src="../assets/my.png"></router-link>

然后发现这个图片展示不出来。不知道为何

花开花落_青藤
浏览 4548回答 2
2回答

pardon110

看控制台内容html源码,即编译后呈现给浏览器真正的代码。通常情况下是路径问题。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js