vue 通过函数动态绑定背景图片

1.图片是线上地址

v-bind:style="{ 'background-image': 'url(' + item.imgUrl+ ')', }"

2.图片是本地地址

<div class="general_rate_ico"
      :style="{backgroundImage: 'url(' + coverImgUrl() + ')' }"
    ></div>

 //图标
    coverImgUrl(state){
        return require('../../../assets/v2.3/quicklook/箭头@2x.png')
    }

本地地址要加个require 后面再跟图片地址

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容