検索

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

Vue3 の次のページおよび前のページの機能を無効にします。これらの機能は、同じルーティング パスにあるブラウザに限定されます。

今日私は問題に直面しているので、アドバイスが必要です。

この {url}/:id のようなルーティング ページ構造があります。私の目標は、ユーザーが同じルート内で前後のページ (たとえば、{url}/1 から {url}/2) に移動できないようにすることです。ページ上のデータを変更するために API 呼び出しを行っており、それに応じて URL も変更されます。

ただし、ユーザーが {url}/:id の前後のページに移動できるようにしたいのですが、{url}/:id 内では移動できないようにしたいのです。

解決策や提案はありますか?ナビゲーションガードが役立つと聞いていましたが、最初は理解するのに苦労しました。

ご協力いただきありがとうございます。


申し訳ありませんが、説明が明確ではありません。前のページまたは次のページは、{url}/lists や {url}/news などの別のページであるが、同じルーティング ページではないことをブラウザに覚えてもらう必要があります。ブラウザ上のボタンをクリックした後、同じルーティング ページには入りません...

P粉002572690P粉002572690451日前705

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

  • P粉242126786

    P粉2421267862023-09-07 19:23:49

    見つけました

    リーリー ### の代わりに ### リーリー

    問題が解決しました。

    返事
    0
  • P粉275883973

    P粉2758839732023-09-07 18:55:34

    これは Vue Router を使用した高度な例です:

    リーリー

    返事
    0
  • キャンセル返事