vue3项目<img :src>怎么绑定项目中的静态图片

img


使用:src的方法指定图片路径时不知道怎么使用静态图片路径, 如下写法无法加载

img

img

参考一下

<template>
  <div>
    <img :src="require('@/img/logo.png')" alt="Logo">
  </div>
</template>


不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7784410
  • 除此之外, 这篇博客: vue2.x 循环img src遍历加载不同图片的方法中的 进行图片的加载位置: 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
    	temps: [
    	    {
    	     imgUrl: con1
    	    },
    	    {
    	     imgUrl: con2
    	    },
    	    {
    	     imgUrl: con3
    	    },
       ],
    

    总结: 这样就实现了循环遍历的时候加载不同的图片。


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^