axios vue.jsを使用してAPIを使用する方法

Question

ラジオ ボタン付きの自動車ブランドのリストがあります。特定のブランドを選択した後、サーバーから一連の自動車モデルを取得して新しいページに表示するにはどうすればよいですか?これを行うには具体的にどのようなアクションが必要ですか?この記事をお読みいただきまして誠にありがとうございます

リーリー リーリー

Answer 1

まず、v-model を使用して、選択したブランドをデータに保存します

ここで、

ブランド 名を次のようにクエリ パラメーターに渡す必要があります:

this.$router.push({ パス: '/models'、 クエリ: { ブランド: this.selectedBrand } }) // ルートは https://example.com/models?brand=brand-name のようになります

/models ページをレンダリングするコンポーネントで、ブランド名を使用して API リクエスト を呼び出します。

更新 selectedBrand コンポーネント データに保存されます

//... データ（） { 戻る { 選択されたブランド: "" }; } //...