vue-cli 3 使用 require 动态加载图片
图片放在不打包的public文件夹下1、加载固定路径的静态图片:<img class="top-img" src="../../public/static/images/header.png" />2、动态加载静态图片:<img class="img-content" :src="imgUrl" alt="无监测设备照片" />js方式加载:...
·
图片放在不打包的public文件夹下
1、加载固定路径的静态图片:
<img class="top-img" src="../../public/static/images/header.png" />
2、动态加载静态图片:
<img class="img-content" :src="imgUrl" alt="无监测设备照片" />
js方式加载:
try {
this.imgUrl = require("../../public/static/images" +
monitorPtImgUrl.url +
this.id +
monitorPtImgUrl.type); //require里必须以路径开头,不能是变量
} catch (e) {
console.log("图片'public/static/images" + monitorPtImgUrl.url + this.id + monitorPtImgUrl.type + "'不存在");
}
data里:
require("../../public/static/leaflet/images/marker-icon-2x.png")//同样需以路径开头,不能是变量
更多推荐
已为社区贡献3条内容
所有评论(0)