这样写是正确的
<img src="./../assets/logo.png" />
这样写是错误的
<img :src="logoSrc" >
export default {
data () {
return {
logoSrc: './../assets/logo.png'
}
}
}
原因是：第一种写法放在模板里，webpack会把他解析成地址，而放在vue实例里。webpack只会把他解析成字符串
修正：
{src: require('../../assets/logo.png')}---即可以得到图片的地址
这样写是正确的 这样写是错误的 原因是：第一种写法放在模板里，webpack会把他解析成地址，而放在vue实例里。...
关于图片懒加载，之前的vue2项目中一直用的vue-lazyload插件，参考地址： GitHub - hilon...
关于图片懒加载，之前的vue2项目中一直用的vue-lazyload插件，参考地址： GitHub - hilon...
当我们在Vue项目中引用图片时，关于图片路径有以下几种情形： 使用一 当我们需要在js代码里面写图片路径的时候，如...
先安装插件 然后在vue项目中进行引用 HTML部分,用了element ui的上传图片插件 js部分 css部分...
一、先创建一个vue项目： 在命令行执行 npm install vue-cli -g ，全局安装 vue-cli...
问题复述： 在确保路由引用的组件路径正确的情况下，项目中我按照官网添加children，想要用vue-router...
我在vue项目中使用vue-html5-editor解决图片上传问题，只需要将配置图片设置中一项修改后台就可以了，...
获取 在实际项目中，有时需要手动修改图片地址，一般可直接修改而vue中若直接使用js修改图片地址，启动后无法返回正...
此截图功能不能截取网络图片， 在vue项目中引用html2canvas 1.安装 npm install html...
本文标题：Vue项目中如何正确引用图片地址
本文链接：https://www.haomeiwen.com/subject/oihcxftx.html
网友评论