vue.js 如何将类应用于通过循环生成的元素？

eagi6jfj 于 2022-12-30 发布在 Vue.js

关注(0)|答案(1)|浏览(94)

我通过一个循环创建了一些组件

<li v-for="card in cardID" :key="card">
    <app-profile class="profile" :id="cardID[i++]"></app-profile>
</li>

我想有一个围绕他们所有的div，这样我就可以中心的div，但我似乎不能得到它的工作。任何帮助将不胜感激！

1条答案

要向生成的列表元素添加类，可以像这样使用:class="someClassName"：

<li v-for="card in cardID" :key="card" :class="someClassName">
    <app-profile class="profile" :id="cardID[i++]"></app-profile>
</li>

而且你不需要在列表元素周围加上一个div来使它们居中，只需要将居中样式添加到父元素<ul>中即可。