Me pregunto si existe la posibilidad de agregar dinámicamente la opción de selección de iones a la selección de iones después de que la promesa de axios devuelva una cantidad de opciones, por ejemplo, si la promesa de axios devuelve x = 5, agregue 5 opciones a la selección de iones ya creada.
Aquí está el código de selección de iones (hay una sola opción de selección de iones):
<ion-item> <ion-label>Some label</ion-label> <ion-select class="some class" value="1" interface="popover"> <ion-select-option value="1">1</ion-select-option> </ion-select> </ion-item>Aquí está la función axios que se activa al hacer clic en el botón:
methods: { onClickFunction(){ axios.post("http://some_php.php", formData) .then(res => { x = res.data[2]; // <-- this is number of options // here I want to add x * ion-select-option } }Si alguien se pregunta, encontré la solución.
<ion-item> <ion-label>Some label</ion-label> <ion-select placeholder="1" v-model="selectedOption" interface="popover"> <ion-select-option v-for="(item, index) in tab" :key="index" :value="item">{{item}}</ion-select-option> </ion-select> </ion-item> data() { return { tab: [] }, created() { onClickFunction(){ axios.post("http://some_php.php", formData) .then(res => { x = res.data[2]; for (let i = 1; i <= res.data[2]; i++){ this.tab.push(i); } } }Esto funciona como esperaba.