css行内样式动态添加背景图片及样式

最新推荐文章于 2024-07-25 08:14:42 发布

小储今天暴富了

最新推荐文章于 2024-07-25 08:14:42 发布

阅读量2.9k

点赞数 3

分类专栏： css 文章标签： css 前端

本文链接：https://blog.csdn.net/weixin_53474595/article/details/127788808

版权

Vue 背景图片动态设置样式绑定 v-for

关键词由CSDN通过智能技术生成

css 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

有时候需要循环动态添加背景图片，可以采用以下方法，重点是url后面别忘了加'+'

 <div
      class="right_item"
      :style="{
        'background-image': item.isChecked
          ? 'url(' + item.bgActive + ')'
          : 'url(' + item.bg + ')',
        'background-repeat': 'no-repeat',
        'background-size': 'cover',
      }"
      v-for="item in tabLists"
      :key="item.id"
    ></div>