vue.js,简单的v-for / v-bind,为类名添加索引

时间:2016-10-13 19:12:48

标签: vue.js

我似乎无法找到循环遍历项目的语法,并为每个'li'提供与索引相对应的类。这是怎么做到的?

<li v-for="(item, idx) in items class="idx"">
</li>

1 个答案:

答案 0 :(得分:21)

我认为这是最具可读性的(添加了一个前缀,因为一个类不能以数字开头):

<li v-for="(item, index) in items" :class="['index--' + index]"></li>

尽管如此,我可能会使用nth-child选择器。