vue的模版中怎样循环一个区间内的值,比如循环输出5-10之间的数字?

<div>
<span v-for=”n in 10″>{{ n }} </span>
</div>

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

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

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

回答:

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

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

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

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

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

回答:

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注