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长度 ” 的全部内容。