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

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

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

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

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

阅读 14.8k
2 个回答

不想从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>

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题