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

Question

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

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

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

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

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

---

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

Answer 1

見つけました

リーリー ＃＃＃ の代わりに ＃＃＃ リーリー

問題が解決しました。

Answer 2

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

リーリー