Vuejs在v-for中,利用index来对第一项添加class
来源:互联网 发布:淘宝erp管理软件 编辑:程序博客网 时间:2024/06/05 10:40
(1)在v-for中,利用index来对第一项添加class
index来源于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的理解
- vue中如何在v-for中动态的使用将index拼接字符串后绑定id属性
- Vuejs——(4)v-if、v-for
- Vuejs——(4)v-if、v-for
- 在Settings关于设备中添加一项 生产日期
- 向Settings中添加一项
- 为DropDownList动态添加第一项
- 为DropDownList动态添加第一项
- vuejs的v-for遍历、v-bind动态改变值、v-if进行判断
- ViewPager中第一项和最后一项实现事件响应
- 在windows下添加一项自定义服务
- 自动推导之auto关键字
- mybatis逆向工程生产代码
- 使用 Vuex + Vue.js 构建单页应用
- Serialize序列化函数(MFC)
- 第四周总结
- Vuejs在v-for中,利用index来对第一项添加class
- 大一上期末
- python 控制语句
- 关于cocos2d中tilemap移动时出现黑线的解决方案
- 基于vue.js和webpack的Chat示例
- AngularJS Controller的作用域
- MFC:DoModal 函数的用法
- Python2 基础知识(一)
- 文章标题