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

【问题标题】：vue.js, simple v-for / v-bind to add index to class namevue.js，简单的 v-for / v-bind 为类名添加索引
【发布时间】：2016-10-13 19:12:47
【问题描述】：

我似乎找不到循环遍历我的项目并为每个“li”提供与索引对应的类的语法。这是怎么做到的？

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

【问题讨论】：

标签： vue.js

【解决方案1】：

我认为这将是最易读的（添加前缀，因为类不能以数字开头）。

<li v-for="(item, index) in items" :class="[`index--${index}`]"></li>

也使用数组，因为这总是让我不喜欢。

:class="`index--${index}`"

【讨论】：

这对我不起作用，我不得不交换 item 和 index: v-for="(index, item) in items"。
以前在Vue 1中是这样的，从Vue 2开始就是这个顺序。
如果重要的话，我正在使用 Vue 1。 v-for 的 Vue 1 文档也提供 (index, item) 语法 v1.vuejs.org/guide/list.html#v-for