選択したオプションを別のページに転送する Vue アプリケーションを実装する方法

Question

Vue アプリの最初のページには、電子メール アドレスのリストを含むドロップダウン メニューがあります。

選択した値/テキストを保存し、ルーティング先の受信トレイ ページのパラメータまたは変数として使用したいと考えています。

これは、v-autocomplete を使用したドロップダウン メニューのコードです。

<v-autocomplete 密
  満たされた
  label="メールを選択"
  v-model="メールボックス"
  :items="メールボックス"
  item-text='メールボックス'
  item-value='メールボックス'>
</v-autocomplete>

これは v-btn として機能し、受信トレイ ページにルーティングするために使用されるボタンです。

<v-btnrounded color="primary"
  @click="$router.push('受信箱')">
メールボックスをロード</v-btn>

選択したメールボックスの値を、ルーティング先の受信トレイ ページで使用するために保存するにはどうすればよいですか?

Answer 1

選択した値をルーティング パラメータとして渡します:

リーリー

受信箱ページから次の方法でアクセスできます:

リーリー

Answer 2

Vuex を使い始めることをお勧めします :)

これは、アプリケーション全体でリアクティブ データ オブジェクトを共有できるライブラリです。

考えられるコードの例を次に示します:

リーリー リーリー