Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
308 views
in Technique[技术] by (71.8m points)

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

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

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

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

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

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

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

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

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

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
...