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)

上一篇下一篇

猜你喜欢

热点阅读