vueとAPIの連携による表示に関して

Question

<SelectComponent>
    <option v-for="(item, key) in itemList" :key="key" :value="item.id">{{item.name}}</option>
</SelectComponent>


data () { return {
	itemList: []
}}

created() {
	// ajaxでapiからselectで表示する「itemList」を取得する処理
},

表示するセレクトのリストを最初にAPIから読み込みたいと考えています。
ですが、上記のコードだと、APIの応答の速度によっては、
セレクトの中身が空になります。

APIが応答して、itemListが揃ってから要素を表示する方法はありますか？
教えて頂けると助かります。よろしくお願い致します。

Answer 1

• ajaxの部分がどうしているのか
• apiが何をかえすのか

が記載されていないのでなんとも言えませんが、
vue使うなら普通ajaxじゃなくてfetchつかいますよね？
fetchはasync/awaitで処理すればよいのでは？

Comments

[yookoko]

ご回答ありがとうございます。