<div :style="{backgroundImage: 'url(' + img + ')'}"></div>
或者
<div :style="{backgroundImage:`url(${img})`}"></div>
JS
data () {
return {
img: require('../../assets/img/insuranceConfirm/' + this.imgurl) // 需要拼接字符串
}
}
<div :style="{backgroundImage: 'url(' + img + ')'}"></div>
或者
<div :style="{backgroundImage:`url(${img})`}"></div>
JS
data () {
return {
img: require('../../assets/img/insuranceConfirm/' + this.imgurl) // 需要拼接字符串
}
}
按照以往在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/laajrktx.html
网友评论