JavaScript - Vue はタブ ページを更新した後に最初のタブに戻らないようにするにはどうすればよいですか?

Question

上記の例のように、最初のコーチページで練習場のページをクリックして練習場のページを閲覧すると更新されるのですが、コーチの欄には戻りたくありません。 ?

同様に、フィルタ条件として南山地区を選択するとき、表示するリストから訓練場をクリックして選択しますが、戻ったときに、(最初のすべてのエリアではなく) 選択した南山地区を保持したいと思います。 ）、これを達成するにはどうすればよいですか？

また、以前にオンラインで調べたところ、誰かが次の方法を提案していることを発見しました:
1. vuex を使用してステータスを記録する
2. vuex ストアを localStorage に保存する
3. ページを更新して、 localStorage の初期化 vuex Store
実装方法を聞きたいのですが?

Answer 1

上記の3つのポイントはすでに述べましたので、それを実行してください。
アイデアを提供します:
クリックして tab1 から tab2 に切り替えるとき、次のようなマークをローカルに保存します:

リーリー

この時点で、tab2 ブラウザを更新すると、js はフラグがローカルに存在するかどうかを判断し、存在する場合は tab2 がアクティブになり、存在しない場合は tab1 に戻ります。

ローカルに保存されたフラグは、tab1 が初期化されるときに削除されることに注意してください。

Answer 2

1階で述べたように、Vueインスタンスのオプションデータに現在のラベルインジケーターを追加します

リーリー

多分こんな感じです、ポスターの参考になれば幸いです

Answer 3

ルート上にパラメータを記述する方法もあります