从axios promise接收数据后动态选择选项

Question

我想知道是否有可能在axios承诺返回选项数后动态添加离子选择选项到离子选择，例如，如果axios承诺返回x=5，那么添加5个选项到已经创建的离子选择

下面是离子选择代码(只有一个离子选择选项):

<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>

这是axios函数，点击按钮触发:

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
}
}

Answer 1

如果有人想知道，我找到解决办法了。

<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);
}
}
}

如我所料。