当前位置: 首页 > 知识库问答 >
问题:

vue.js - vue2动态require图片报错怎么解决?

江礼骞
2023-08-09

v-for里面,有一段代码是这样的

<img :src="require('@/assets/img/icon/unifiedSupervisionWorkbench/' + item.name+ '.svg')" alt="" class="stats-icon" />

结果出现一下报错
image.png
如果我是写死这个路径,又是正常的,用变量就不行,用函数return也不行,请问怎么解决呢?

共有2个答案

终彬郁
2023-08-09

问题解决了,之前的写法,无论是拼接还是方法return,都是对的。
只是我有一个文件丢失了,没有找到这个文件,所以报错了,页面没加载出来。

傅经业
2023-08-09
<img :src="getImageSrc(item.name)" alt="" class="stats-icon" />
methods: {  getImageSrc(name) {    return require('@/assets/img/icon/unifiedSupervisionWorkbench/' + name + '.svg');  }}
 类似资料:
  • 循环调用一组函数,动态引入script,在检查元素中的head中script显示已经被引入,但是onload函数没有被执行,并且报错如下:

  • html代码是这样的,动态遍历一个树形结构 控制台看到后端传过来是有数据的,是有链接的 我复制图片的链接,且放到地址栏,回车是可以下载图片。我也有试过写死在img标签,页面能正常显示,说明链接是正常的 树形结构最后一层是没有显示图片。 注:我猜想是只有最后一层才有图片的原因造成的,所以我有些判断v-if,有值才加载。但结果都没显示,前端vue.js的语法不知道怎么写了。所以请问大家,这个得怎么把图

  • 请教一下大佬们 为什么 迷糊查询的时候 会报错,key没有重复的嗄?? bug 修改

  • webpack5 打包时候会报几个这种问题,怎么解决

  • 有没有大佬来帮我看一看,是关于github actions的,我在实现一个推送代码到指定分支上时,会自动触发在远程目标服务器上面部署运行springboot项目,但是每一次运行到以下代码的时候: 它就会一直卡在这里。但是事实上,这一个项目是被正确运行了,监听端口也有信息,但是工作流中会报错: 我有一点不明白,部署成功之后,不就是应该断开ssh连接吗?有没有大佬解决一下? 因为这个地方报错,所以它工

  • vue2前端跨域问题,后端放置到公网上,所有人都可以访问,还配置了access-control-allow-origin为*,前端拿接口地址到浏览器可以拿到数据,使用apiPost测试,接口可以拿到数据,但是放到前端代码里面就跨域,如下图 vue2前端跨域问题