文章目录

  • 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长度相关推荐

  1. 获取json对象的长度

    <script type="text/javascript">     var myObject = {'name':'Camili', 'address':'colu ...

  2. c++获取数组长度_灵魂拷问:Java如何获取数组和字符串的长度?length还是length()?...

    限时 1 秒钟给出答案,来来来,听我口令:"Java 如何获取数组和字符串的长度?length 还是 length()?" 在逛 programcreek 的时候,我发现了上面这个 ...

  3. 灵魂拷问:Java如何获取数组和字符串的长度?length还是length()?

    限时 1 秒钟给出答案,来来来,听我口令:"Java 如何获取数组和字符串的长度?length 还是 length()?" 在逛 programcreek 的时候,我发现了上面这个 ...

  4. Java入门第74课——获取String对象的长度

    问题 在上一案例的基础上,使用String类的length方法获取字符串"Hello"以及字符串"你好,String"的长度,并总结length方法的特点. 方 ...

  5. 前端:JS/20/数组(数组的概念,数组元素,数组索引,数组元素的访问,数组的长度,数组的创建方法,数组的操作,实例:使用数组保存个人信息,实例:求数组所有值的平均值,数组对象的length属性)

    数组 1,数组的概念 一组值(或对象)的集合,称为"数组": var arr =[10,20,30,50]; var arr =["张三","男&qu ...

  6. 获取某个输入框的字符长度_收藏,最全的字符串函数方法,总有你用到的~

    点击上方"执行上下文",选择"置顶公众号" 关键时刻,第一时间送达! 在日常开发中,我们难免要和字符串打交道,各种各样的功能都可能用到上面的字符串函数,本文参考 ...

  7. JavaScript获取DOM对象常用方法

    获取DOM对象的常用方法有如下几种: getElementById() 通过元素的ID属性获取DOM对象,获取的是一个DOM对象. getElementsByTagName() 通过元素的标签名获取D ...

  8. 前端动态生成数组/获取数组对象中的最值

    Array.from Array.from({ length: 20 }, (v, k) => k) 获取数组对象中的最大值/最小值 方法一 Math的静态方法max/min结合ES6的扩展运算 ...

  9. js获取cookie对象

    function getCookie(sName){//获取cookie对象,并按:进行分割let aCookie = document.cookie.split("; ");/* ...

最新文章

  1. java递归获取文件名_递归打印文件名
  2. 解决wamp、vertrigo等集成环境安装后apache不能启动的问题
  3. 「mysql优化专题」高可用性、负载均衡的mysql集群解决方案(12)
  4. 瑞幸高层调整:郭谨一担任CEO和董事长 陆正耀出局
  5. 如何给小朋友解释单摆运动_模仿小天才钟美美:小朋友都是天生的演员?
  6. LuoguP1402 酒店之王
  7. eclipse 使用svn导入web项目
  8. 【模电】0010 正弦波产生电路(RC正弦波振荡电路)
  9. 26个英语字母表及字母音标
  10. pytorch以图搜图作业
  11. AJAX 聊天室实现原理终极解析
  12. ps2口键盘改usb计算机设置,轻松把PS2键盘、鼠标接口改造成USB接口
  13. DSP28379D_ePWM同步触发差分AD
  14. 如何使用BEACON功能?
  15. 超融合市场火爆,新华三因何蝉联第一?
  16. 代码随想录训练营day6
  17. MAC-将视频转成GIF
  18. 从业务需求出发,开启IDC高效运维之路
  19. 在线教育行业加速数字化转型,在人工智能新“高途”上升维竞争
  20. 陈乔恩版东方不败出炉 全方位对比各版教主

热门文章

  1. elasticsearch实现远程索引复制
  2. hibernate 多对一外键注解
  3. Spring 3 MVC and JSR303 @Valid example
  4. openstack中resize更改虚拟机内存、cpu大小后虚拟机状态显示VERIFY_RESIZE
  5. OJ1020: 两整数排序
  6. 判断是否是日期格式_Java8新特性之新世间与日期
  7. Sigma Function(LightOJ-1336)
  8. 1 MM配置-企业结构-定义-定义评估级别
  9. 4.5.1 条件语句
  10. 实验楼linux指令,Linux操作命令(二)