美文网首页
vue2使用background-image设置背景图片不显示

vue2使用background-image设置背景图片不显示

作者: wfaceboss | 来源:发表于2020-06-24 15:17 被阅读0次

    第一步:
    需要在script中引入图片的路径

    import bgImg from '../assets/images/default.png'
    

    第二步:
    在data里设置

    data(){
     return{
        bgImg: bgImg 
            }
        }
    

    第三步:渲染到页面当中,显示图片的设置

    <view  :style="{backgroundImage:`url(${bgImg })`}"></view>
    

    一般情况下,此方式就解决了以上图片显示不出的问题,若是仍然不显示可以试着将图片的大小改小些。(低于300KB)

    相关文章

      网友评论

          本文标题:vue2使用background-image设置背景图片不显示

          本文链接:https://www.haomeiwen.com/subject/tqbrfktx.html