検索

ホームページ  >  に質問  >  本文

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

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

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

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

阿神阿神2777日前1462

全員に返信(3)返信します

  • 漂亮男人

    漂亮男人2017-05-18 11:04:28

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

    リーリー

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

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

    返事
    0
  • phpcn_u1582

    phpcn_u15822017-05-18 11:04:28

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

    リーリー

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

    返事
    0
  • PHP中文网

    PHP中文网2017-05-18 11:04:28

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

    返事
    0
  • キャンセル返事