vue 动态加载图片src的解决办法

作者: 会飞的猪bzy | 来源:发表于2018-05-26 11:49 被阅读0次

记一次vue中图片加载的问题

用js动态加载assets或者本文件的图片出现404的状态码
404代码

<img :src="icon" alt="" />

data() {
    return {
        'icon': '../assets/img/1-2.png'
    }
}

在webpack中会将图片图片来当做模块来用，因为是动态加载的，所以url-loader将无法解析图片地址

data() {
    return {
        require('../assets/img/1-2.png')
    }
}

<img src="./static/img/1-2.png" alt="" />

vue 动态加载图片src的解决办法
记一次vue中图片加载的问题用js动态加载assets或者本文件的图片出现404的状态码404代码在webpa...
vue img :src动态绑定问题
vue img元素 :src动态绑定，本地测试没有问题，但是部署后发现动态src图片无法访问。源代码：解决方法：...
vue-cli 动态加载图片图片src报404
copy一段相关说明首先先说明下vue-cli的assets和static的两个文件的区别assets:在项目编译...
懒加载的实现
结构如下：图片的动态加载就是通过读取li元素，然后获得li元素的data-src属性的值赋予动态创建的图片的sr...
img标签onerror的循环调用
img标签src加载图片，如果src加载失败，触发onerror事件加载一张默认图片；如果onerror也加载失...
Meta 的 referrer 干什么用
背景:最近在做一个 vue 项目，项目中的一些图片来自外网，动态的赋值给src属性,结果加载不出来，如果拿上地址直...
vue动态加载图片
vue中加载图片出现了加载不成功的情况，多次测试发现了问题所在，首先对于静态图片要使用相对路径，并且地址要相当准确...
vue 动态加载图片
2种方式1: require引用资源 2:导入资源
vue 下动态绑定图片src
用require（）来动态绑定即可
vue动态设置图片src属性
// 下面是导入两张图片的相对地址 import ...