¿Es posible en vuejs v-for un bucle como php ?
Quiero esta salida:
<select> <option>2</option> <option>1</option> <option>0</option> </select>Mi código (ticket.quantity = 2):
<select> <option v-for="index in ticket.quantity" :value="index" :key="index">{{index}}</option> </select>Mi salida:
<select> <option>2</option> </select>Puede intentar hacer un bucle 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>La respuesta de Nikola no me funcionó del todo pero logré resolverla así:
<select> <option value="0" selected>0</option> <option v-for="index in parseInt(ticket.quantity)" :value="index" :key="index">{{index}}</option> </select>