javascript - vue的模版中怎样循环一个区间内的值,比如循环输出5-10之间的数字?
怪我咯
怪我咯 2017-04-11 13:06:22
[JavaScript讨论组]


{{ n }}

文档中有这个例子,但它是从1到10
但如果我只想从5开始循环呢?

用v-if或者v-show当然可以做到相同的效果,但明显是多循环了。
在方法中去实现,先输出一个数组再来循环也是可以了,但又多循环了一圈,都不是好办法。

请问各位,有什么办法吗?
v-for中可以设置开始循环的地方吗?
还有,可以设置每次循环的间隔吗?

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(2)
伊谢尔伦

不想从1开始,那直接加一个值就行了嘛:

<span v-for="n in 6">{{ n + 4 }} </span>

循环间隔不想是1,直接乘以一个数就行了啊:

<span v-for="n in 5">{{ n * 2 }} </span>

编程是个很自由的东西,不要那么死板嘛。

PHPz

第一个答案个人认为非常好,换个思路就可以解决了
比如 我要遍历 得到 1,7,15 直接声明一个数组 list = [1,7,15]
<span v-for="n in list " >{{ n }} </span>

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号