Vuejs v-for中利用index来对第一项添加class
来源:互联网 发布:亚马逊aws 知乎 编辑:程序博客网 时间:2024/05/29 14:58
原文地址:http://blog.csdn.net/qq20004604/article/details/52668558
(1)在v-for中,利用index来对第一项添加class
vue1.0的话上面iindex换成!$indexindex来源于v-for,i表示遍历的数组的元素,index表示索引。
由于index从0开始,因此如果要指定第一项有active这个类,那么就用v-bind:class="{'active':!index}"
第一项原本是false(0),第二项和之后是true(>0),通过逻辑非操作符,让其值反转。
因此,第一项有active这个类,而后面的没有。
如果除了第一项之外有某个类,也可以通过不加逻辑非操作符来达到。
类似的,可以用index==2这样的表达式来让第三项获得这个类。
注意,我的版本是Vuejs2.0,因此貌似不能用$index来替换。
阅读全文
0 0
- Vuejs在v-for中,利用index来对第一项添加class
- Vuejs v-for中利用index来对第一项添加class
- Vuejs(14)——在v-for中,利用index来对第一项添加class
- Vuejs(14)——在v-for中,利用index来对第一项添加class
- vuejs中v-bind绑定class时的注意事项
- XSL中利用xsl:for-each时给每一项添加序号
- 【js】v-for 的一些用法 :class {{index}}
- vuejs之v-for的理解
- Vuejs——(4)v-if、v-for
- Vuejs——(4)v-if、v-for
- 向Settings中添加一项
- 为DropDownList动态添加第一项
- 为DropDownList动态添加第一项
- vuejs的v-for遍历、v-bind动态改变值、v-if进行判断
- ViewPager中第一项和最后一项实现事件响应
- Vue2.0中v-for迭代语法变化(key、index)
- VUE.JS v-for渲染过程中 $index is not defined
- day03--利用for循环做来一个小V字形(小练习)
- ASP.NET应用程序与页面生命周期
- mac中在命令行用sublime打开文件
- find: ‘/run/user/1000/gvfs’: Permission denied解决办法
- VBA word中插入文字和艺术字
- activiti工作流的监听类调用spring中的been
- Vuejs v-for中利用index来对第一项添加class
- JSP内置对象的一些总结
- xcode 项目瘦身神器
- 计算最高逾期、当前逾期、累计逾期
- 快速排序
- MYSQL免安装版无法启动终极解决方法
- Java : Basic
- 使用Rxjava完成倒计时遇到的问题及处理
- yield的简单用法