web-dev-qa-db-ja.com

VUE-Routerのナビゲーション履歴を表示しますか？

私はvue.jsアプリケーションを持っています、そして私はVUE-Routerのナビゲーション履歴を見たいです。私は私のコンポーネントにBeforerouteLeaveフックを持っていて、そこにブレークポイントを置きます。ブレークポイントにヒットし、これを入力します。コンソールの$ Router。 $ Routerオブジェクトを出力しますが、サイトを介したナビゲーションの履歴を表すURLの実際のスタックが表示されません。

これが私が見るものです。

currentRoute: (...)
app: Vue {_uid: 3, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: Vue, …}
apps: [Vue]
options: {mode: "history", linkActiveClass: "active", routes: Array(47), scrollBehavior: ƒ}
beforeHooks: []
resolveHooks: []
afterHooks: [ƒ]
matcher: {match: ƒ, addRoutes: ƒ}
fallback: false
mode: "history"
history: HTML5History {router: VueRouter, base: "", current: {…}, pending: {…}, ready: true, …}
__proto__: Object
 _

（私はこれを拡大することができましたが、それは大きすぎるだろうと思います。）

実際のナビゲーションスタックはどこにありますか？

ナビゲーションスタックを見る必要がある理由を知りたい場合は、ブラウザの[戻る]ボタンをクリックすると、BeforeRouteLeaveフックが呼び出されてもナビゲーションスタックが表示されていると思われます。 （）。私はオプションを使ってPOPUPを開始しました。「休暇」または「滞在」。ユーザーが「滞在」をクリックすると、ページの上に留まります。それはトリックをするようです（現在のページからナビゲートしません）が、ブラウザの[更新]をクリックすると、前のページで更新されます。または1回「滞在」と言ったら、もう一度戻るボタンをクリックして「残し」と言うと、2ページ戻ってください。

だから私はナビゲーションスタックで何が起こっているのか見たいです。次の（）がBeforErouteLeaveで呼び出されたかどうかにかかわらず、少なくとも戻るボタンをクリックすると表示されますか？それとも他の何かが起こっているのです。

ありがとう。

vue.jshookvue-router
3
Gibran Shah

from _ _引数オブジェクトを保存するためのRouter Navigation Guard（ルートチェンジフック）（ルートチェンジフック）を使用することはできますが、to _引数オブジェクトを保存し、これらの値でロジックを書き込むこともできます。

次の（）関数を必ず呼び出すだけで、それ以外の場合はログを保存し、次のルートを呼び出していません。

ここでドキュメントを確認してください: https://router.vuejs.org/guide/advanced/navigation-guards.html

1
Ferkze