vue:使用v-for写入:style中图片做背景

最新推荐文章于 2025-05-13 09:54:01 发布

AlexKain

最新推荐文章于 2025-05-13 09:54:01 发布

阅读量7.6k

点赞数 4

分类专栏： vue 日常学习和储备[暂存区] 文章标签： :style

本文链接：https://blog.youkuaiyun.com/webfullstack/article/details/82909692

版权

vue 同时被 2 个专栏收录

32 篇文章

订阅专栏

日常学习和储备[暂存区]

24 篇文章

订阅专栏

<div class="honor_row" v-for="(item,i) in points.awardList" :key='i'>
                <span class="radius200 " :style="{'background': 'url('+imgDomain+item.filePhysPath+') no-repeat center center'}" :class="item.sttusCode == '14002'?'honor-light':'honor-nolight'">
                </span>
                <el-button v-if="item.sttusCode == '14001'" type="primary" plain @click="showdialogHonor(item.awardName,item.awardId)">领取荣誉</el-button>
              </div>

:style里面不能有;号
键值要有’'括起来