v-通过递减方式进行逆序

时间:2019-07-02 11:06:35

标签: javascript vue.js vuejs2

我想做一个从5到0的循环。我不知道我是否遗漏了一些明显的东西,但是似乎没有一种方法可以不创建数组并反转。

这就是我现在的做法:

new Vue({
   el: '#app'
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <span v-for="value in Array.apply(null, {length: 5}).map(Number.call, Number).reverse()">{{ value }} | </span>
</div>

没有这种单线黑客,还有没有更简单的方法?

1 个答案:

答案 0 :(得分:3)

我认为这是另一个可以帮助您的代码黑客:

new Vue({
   el: '#app'
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <span v-for="value in 5">{{ 5-value }} | </span>
</div>