Javascript 使用Vue JS瞄准v-repeat中的最后一项

我有一个v-repeat列表，其中列出了从json中提取的项

我想将列表中的最后一项作为目标，以更改其类

我该怎么做？我的代码在下面

HTML

---

您只需要像这样添加v-class

<li v-repeat="items" v-class="last : $index === (items.length-1)">
  <i class="material-icons">{{ icon }}</i>
    {{ name }}
</li>

{{icon}}
{{name}}

---

其中，

last

是要为Vue 2.0添加的类

，代码看起来有点不同：

<li v-for="(item, index) in items" v-bind:class="{last : index === (items.length-1)}">
  <i class="material-icons">{{ icon }}</i>
    {{ name }}
</li>

{{icon}}
{{name}}

这是检索到的数据html还是jsom？@Alvaro这是一个响应json_encode（$array）的php脚本，如果我们在v-repeat

v-repeat=“items | filter”

中应用一些过滤器，现在如何获取最后一个索引？@AnandPatel据我所知，您需要使用这个方法在计算属性中过滤它。$options.filters.filterBy（）方法，那么它就可以工作了，而vue 2.x就不再工作了。对于那些使用2.x的人，可以看看@Mariusz Jamro的答案

<li v-repeat="items" v-class="last : $index === (items.length-1)">
  <i class="material-icons">{{ icon }}</i>
    {{ name }}
</li>

<li v-for="(item, index) in items" v-bind:class="{last : index === (items.length-1)}">
  <i class="material-icons">{{ icon }}</i>
    {{ name }}
</li>