对于php等vuejs中的循环

Question

在 vuejs 中，vor像 php 这样的循环吗？

我想要此输出：

<select>
    <option>2</option>
    <option>1</option>
    <option>0</option>
</select>

我的代码（ticket.quantity = 2）：

<select>
    <option v-for="index in ticket.quantity" :value="index" :key="index">{{index}}</option>
</select>

我的输出：

<select>
    <option>2</option>
</select>

Answer 1

您可以尝试循环ticket.quantity + 1：

new Vue({
  el: '#demo',
  data() {
    return {
      ticket: {quantity: 2}
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="demo">
  <select>
    <option v-for="(q, index) in ticket.quantity + 1" :value="index" :key="index">{{index}}</option>
  </select>
</div>

Answer 2

尼古拉的答案对我没有完全工作，但我设法解决了：

<select>
    <option value="0" selected>0</option>
    <option v-for="index in parseInt(ticket.quantity)" :value="index" :key="index">{{index}}</option>
</select>