在Vuejs里应用index对首先项增加class的办法-

这次给大家带来在Vuejs里应用index对首先项增加class的办法，在Vuejs里应用index对首先项增加class的注意事项是什么，下面就是实战案例，一起来看一下。 这次给大家带来在Vuejs里应用index对首先项增加class的办法，在Vuejs里应用index对首先项增加class的注意事项是什么，下面就是实战案例，一起来看一下。

（1）在v-for中，应用index来对首先项增加class

在CODE上查看代码片派生到我的代码片

index来源于v-for，i表示遍历的数组的元素，index表示索引。

因为index从0开端，因而要是要指定首先项有active这个类，那么就用v-bind:class="{'active':!index}"

首先项原本是false（0），第二项和之后是true（>0），通过逻辑非操纵符，让其值反转。

因而，首先项有active这个类，而背面的没有。

要是除了首先项以外有某个类，也可以通过不加逻辑非操纵符来达到。

相似的，可以用index==2这样的表达式来让第三项获得这个类。

注意，我的版本是Vuejs2.0，因而貌似不克不及用$index来替代。

信赖看了本案牍例你已经把握了办法，更多出色请关注 百分百源码网 其它相干文章！

举荐浏览：

web端的利用实现后退强迫刷新

JS的图片处置与合成详解

以上就是在Vuejs里应用index对首先项增加class的办法的细致内容，更多请关注 百分百源码网 其它相干文章！