vue页面上简单实现迭代html元素指定次数

2021-05-01 680点热度 0人点赞 0条评论

在做vue前端开发的时候,有时候会遇到需要将某个div或者其他元素重复生成N个,如果N比较小,那么可以使用如下v-for迭代4次:

<div v-for="item in [0,1,2,3]">
</div>

如果要迭代的数很大,这种方式可能就要写到手抽筋了,或者在js的data里定义一个array,这种方式就不介绍了,这里介绍一个简单点的,利用了之前介绍的简短代码快速生成数组:https://blog.terrynow.com/2021/04/25/javascript-generate-specific-length-or-range-array/ 

如下,迭代20次

<div v-for="item in Array.from(Array(20).keys())"> </div>

 

admin

这个人很懒,什么都没留下

文章评论

您需要 登录 之后才可以评论