图片放在不打包的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")//同样需以路径开头,不能是变量

 

Logo

前往低代码交流专区

更多推荐