Vue3 の次のページおよび前のページの機能を無効にします。これらの機能は、同じルーティング パスにあるブラウザに限定されます。
P粉002572690
P粉002572690 2023-09-06 23:53:05
0
2
711

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

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

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

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

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


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

P粉002572690
P粉002572690

全員に返信(2)
P粉242126786

見つけました

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

問題が解決しました。

いいねを押す +0
P粉275883973

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

リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート