如何解决Vue引入assets中图片未展示问题

最近项目中在批量引入assets文件夹中的图片们后,页面上却不展示!仔细检查后发现图片引入的路径也没错啊,单张图片就可以,批量就不行,这是为啥?

文件具体结构如下:

如何解决Vue引入assets中图片未展示问题

虽然在网上也查了很多资料,但是具体原因我还是不清楚,有知道的小伙伴可以解答下,但我找到了解决方案,就是在路径src里使用require函数(详见下面代码第3行):

<div class="server-content">
    <router-link to="javascript:;" v-for="i in 8" :key="i" class="server-item" >
        <img :src="require(`../assets/index/${i}.png`)" alt="">
    </router-link>
</div>

以上就可以解决问题,这虽然问题解决了,但是具体出现问题原因还需要研究,有知道的小伙伴还望告知!

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有资源及文章均来源于网络及用户分享或为本站原创,仅限用于学习和研究,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 如何解决Vue引入assets中图片未展示问题

发表评论

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们