按照以往在css文件中写background:url('图片路径')，完成后加载竟然显示出错，起初以为路径不对，检查了几遍，仍然没有问题。最后百度找答案，发现不少同行都遇到过这种问题，遂记录下自己所采用的解决方式：
data () {
return {
img: require('你的图片路径')
}
}
es6模板语法
<div :style="{backgroundImage:`url(${img})`}">
</div>
按照以往在css文件中写background:url('图片路径')，完成后加载竟然显示出错，起初以为路径不对，检查了几遍，仍然没有问题。最后百度找答案，发现不少同行都遇到过这种问题，遂记录下自己所采用的解决方式：
data () {
return {
img: require('你的图片路径')
}
}
es6模板语法
<div :style="{backgroundImage:`url(${img})`}">
</div>
按照以往在css文件中写background:url('图片路径')，完成后加载竟然显示出错，起初以为路径不对，检...
或者 JS
一个vue项目中有一张图片，打包出来后发现background-image的路径出现了问题解决方法：1、先在dat...
vue中的style标签中的background background-image 的路径应该怎么写才能正确的打包...
vue中图片引用可分为两种： 一、直接应用：这种的话直接引入本地文件中的图片就可以 二、动态添加 1、本地文件：需...
背景可以使用background-image来设置背景语法background-image：url（图片路径）如果...
使用background-image来设置背景图片 语法：background-image:url(相对路径); ...
vue ----background-image坑 这种使用webpack打包会出现图片资源文件找不到问题 解决方...
vue中为div设置背景图片，直接在css中这样写： background-image:url("/assets/...
本文标题：vue中background-image图片路径问题
本文链接：https://www.haomeiwen.com/subject/pfwswctx.html
网友评论