** 在vue中遇到這樣的問題**
<div style="background-image:url('../assets/images/圖片.jpg');" >
這樣的設(shè)置背景圖片不顯示
經(jīng)過研究解決方案看下面:
-
第一步:
需要在script中引入圖片的路徑import defaultImg from '../assets/icon/report.png'
第二步:
在data里設(shè)置
data(){
return{
bgImg: {
backgroundImage: "url(" + defaultImg + ")"
}
}
}
第三步:渲染到頁面當(dāng)中俭正,顯示圖片的設(shè)置
<div :style="bgImg" ></div>
此方式就解決了以上圖片顯示不出的問題