** 在vue中遇到这样的问题**
<div style="background-image:url('../assets/images/图片.jpg');" >
这样的设置背景图片不显示
经过研究解决方案看下面:
-
第一步:
需要在script中引入图片的路径import defaultImg from '../assets/icon/report.png'
第二步:
在data里设置
data(){
return{
bgImg: {
backgroundImage: "url(" + defaultImg + ")"
}
}
}
第三步:渲染到页面当中,显示图片的设置
<div :style="bgImg" ></div>
此方式就解决了以上图片显示不出的问题
网友评论