时间戳

首页 > 解决方案 > 如何在“v-for”列表中设置项目的类名

vue.js - 如何在“v-for”列表中设置项目的类名

问题描述

我有这个代码：

<li v-for="(link, i) in shareLinks" :key="i" class='link box'>
  <div class=`icon ${link.name}`></div>   
</li>

如何设置我的 shareLinks 列表的每个元素中的类 '${link.name}'？

标签： vue.jsnuxt.js

解决方案

你能尝试这样做吗？

<div class="icon" :class="[link.name]"></div>

推荐阅读