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

Posted 2023-03-24

参考技术A 第一步：
需要在script中引入图片的路径

第二步：
在data里设置

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

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

Vue 的style绑定显示background-image

data () {
    return {
        img: require(‘你的json资源路径‘)
    }
}

:style="{backgroundImage: ‘url(‘ + img + ‘)‘}"