v-for获取(循环次数)对象的length长度
文章目录
- v-for获取(循环次数)对象的length长度
- 用户场景:
- 代码如下:
- 重要代码:
v-for获取(循环次数)对象的length长度
用户场景:
- 循环出来的样式第一个和最后一个的样式。
- 用户根据循环出来的第几个,逐一判断,对应的增加不同的样式。
代码如下:
<div v-for="(class,index) in lessons" :key="index" :data-length-n="lessons.length">当前:第{{class.num}}节课. {{class.title}} / 共{{class.time}}分钟开课时间:{{class.beginTime}}结课时间:{{class.endTime}}共{{class.total}}课时总课时:{{class.time}}
</div>
上述代码,提取如下:
重要代码:
// lessons.length-n 即为 v-for对象长度(循环次数)
:data-length-n="lessons.length"
以上就是关于“ v-for获取(循环次数)对象的length长度 ” 的全部内容。
v-for获取(循环次数)对象的length长度相关推荐
- 获取json对象的长度
<script type="text/javascript"> var myObject = {'name':'Camili', 'address':'colu ...
- c++获取数组长度_灵魂拷问:Java如何获取数组和字符串的长度?length还是length()?...
限时 1 秒钟给出答案,来来来,听我口令:"Java 如何获取数组和字符串的长度?length 还是 length()?" 在逛 programcreek 的时候,我发现了上面这个 ...
- 灵魂拷问:Java如何获取数组和字符串的长度?length还是length()?
限时 1 秒钟给出答案,来来来,听我口令:"Java 如何获取数组和字符串的长度?length 还是 length()?" 在逛 programcreek 的时候,我发现了上面这个 ...
- Java入门第74课——获取String对象的长度
问题 在上一案例的基础上,使用String类的length方法获取字符串"Hello"以及字符串"你好,String"的长度,并总结length方法的特点. 方 ...
- 前端:JS/20/数组(数组的概念,数组元素,数组索引,数组元素的访问,数组的长度,数组的创建方法,数组的操作,实例:使用数组保存个人信息,实例:求数组所有值的平均值,数组对象的length属性)
数组 1,数组的概念 一组值(或对象)的集合,称为"数组": var arr =[10,20,30,50]; var arr =["张三","男&qu ...
- 获取某个输入框的字符长度_收藏,最全的字符串函数方法,总有你用到的~
点击上方"执行上下文",选择"置顶公众号" 关键时刻,第一时间送达! 在日常开发中,我们难免要和字符串打交道,各种各样的功能都可能用到上面的字符串函数,本文参考 ...
- JavaScript获取DOM对象常用方法
获取DOM对象的常用方法有如下几种: getElementById() 通过元素的ID属性获取DOM对象,获取的是一个DOM对象. getElementsByTagName() 通过元素的标签名获取D ...
- 前端动态生成数组/获取数组对象中的最值
Array.from Array.from({ length: 20 }, (v, k) => k) 获取数组对象中的最大值/最小值 方法一 Math的静态方法max/min结合ES6的扩展运算 ...
- js获取cookie对象
function getCookie(sName){//获取cookie对象,并按:进行分割let aCookie = document.cookie.split("; ");/* ...
最新文章
- java递归获取文件名_递归打印文件名
- 解决wamp、vertrigo等集成环境安装后apache不能启动的问题
- 「mysql优化专题」高可用性、负载均衡的mysql集群解决方案(12)
- 瑞幸高层调整:郭谨一担任CEO和董事长 陆正耀出局
- 如何给小朋友解释单摆运动_模仿小天才钟美美:小朋友都是天生的演员?
- LuoguP1402 酒店之王
- eclipse 使用svn导入web项目
- 【模电】0010 正弦波产生电路(RC正弦波振荡电路)
- 26个英语字母表及字母音标
- pytorch以图搜图作业
- AJAX 聊天室实现原理终极解析
- ps2口键盘改usb计算机设置,轻松把PS2键盘、鼠标接口改造成USB接口
- DSP28379D_ePWM同步触发差分AD
- 如何使用BEACON功能?
- 超融合市场火爆,新华三因何蝉联第一?
- 代码随想录训练营day6
- MAC-将视频转成GIF
- 从业务需求出发,开启IDC高效运维之路
- 在线教育行业加速数字化转型,在人工智能新“高途”上升维竞争
- 陈乔恩版东方不败出炉 全方位对比各版教主
热门文章
- elasticsearch实现远程索引复制
- hibernate 多对一外键注解
- Spring 3 MVC and JSR303 @Valid example
- openstack中resize更改虚拟机内存、cpu大小后虚拟机状态显示VERIFY_RESIZE
- OJ1020: 两整数排序
- 判断是否是日期格式_Java8新特性之新世间与日期
- Sigma Function(LightOJ-1336)
- 1 MM配置-企业结构-定义-定义评估级别
- 4.5.1 条件语句
- 实验楼linux指令,Linux操作命令(二)