vue中img的src动态赋值（require方法）

03-20 1285阅读 0评论

如果不想更改路径，可以用require将图片作为模块加载进去
用了require，就是将图片当成模块先引进来，再绑定。
- 当需要实现动态加载图片的时候就需要传一个变量给require，在方法中给这个变量赋值
```
    
       
    


export default {
  name: "assessmentResults",
  data() {
    return {
      testUrl:"1img",//测评图片路径
    }
  },
  methods: {
    ingUrl(){
      //...
      this.testUrl="222img";
    },
  },
}
```
  参考文件：vue中img的src动态赋值（本地图片的路径） - 简书
  $vue中img的src动态赋值（require方法）,vue中img的src动态赋值（require方法）,词库加载错误:未能找到文件“C:\Users\Administrator\Desktop\火车头9.8破解版\Configuration\Dict_Stopwords.txt”。,方法,本地,图片,第1张$
  （图片来源网络，侵删）
  $vue中img的src动态赋值（require方法）,vue中img的src动态赋值（require方法）,词库加载错误:未能找到文件“C:\Users\Administrator\Desktop\火车头9.8破解版\Configuration\Dict_Stopwords.txt”。,方法,本地,图片,第2张$
  （图片来源网络，侵删）
  $vue中img的src动态赋值（require方法）,vue中img的src动态赋值（require方法）,词库加载错误:未能找到文件“C:\Users\Administrator\Desktop\火车头9.8破解版\Configuration\Dict_Stopwords.txt”。,方法,本地,图片,第3张$
  （图片来源网络，侵删）

相关阅读：

1、青鸟消防主机怎么查总线联动信号图(青鸟消防主机怎么查总线联动信号图片)

2、盒子扫码器怎么连接电脑主机教程(盒子扫码器怎么连接电脑主机教程图片)

3、域名怎么买卖教程图片大全(域名怎么买卖教程图片大全下载)

4、前端JS必用工具【js-tool-big-box】，验证是否是Unicode字符，获取一个字符串的字节长度，以及新增发送JSONP跨域请求的方法

5、华为ensp中链路聚合两种(lacp-static)模式配置方法

免责声明

本网站所收集的部分公开资料来源于AI生成和互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

文章版权声明：除非注明，否则均为主机测评原创文章，转载或复制请以超链接形式并注明出处。

相关阅读

发表评论取消回复

评论列表（暂无评论，1285人围观）

还没有评论，来说两句吧...

目录[+]