vue2使用background-image设置背景图片不显示
2020-06-24 本文已影响0人
wfaceboss
第一步:
需要在script中引入图片的路径
import bgImg from '../assets/images/default.png'
第二步:
在data里设置
data(){
return{
bgImg: bgImg
}
}
第三步:渲染到页面当中,显示图片的设置
<view :style="{backgroundImage:`url(${bgImg })`}"></view>
一般情况下,此方式就解决了以上图片显示不出的问题,若是仍然不显示可以试着将图片的大小改小些。(低于300KB)