vue中添加在标签上增加动态属性

陌依依

于 2023-04-11 21:22:05 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/a1598452168yy/article/details/130093896

这段代码展示了一个使用Vue.js的<el-card>组件，通过v-for指令遍历countData数组，渲染包含图标、值和名称的卡片。每个卡片的图标类和背景色由item对象的属性决定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-card class="box-card" v-for="item in countData" :key="item.name">
     <i class="icon" :class="`el-icon-${item.icon}`" :style="{background:item.color}"></i>
     <div>
         <p>{{item.value}}</p>
         <p>{{item.name}}</p>
     </div>
</el-card>