vue-router がルーティング パラメーターの変更にどのように応答するかに関する解決策

不言
リリース: 2019-01-08 11:02:36
転載
3641 人が閲覧しました

この記事の内容は、ルーティングパラメータの変更に対応するための vue-router の解決策に関するものです。必要な方は参考にしていただければ幸いです。

1. ルーティング パラメーターを使用する場合 (/user/foo から /user/bar への移動など)、元のコンポーネント インスタンスが再利用されることに注意してください。どちらのルートも同じコンポーネントをレンダリングするため、コンポーネントを破棄して再作成するよりも再利用の方が効率的です。ただし、これはコンポーネントのライフサイクル フックが呼び出されなくなることも意味します。
ルートのパラメータのみが変更されており、デフォルトではルートは更新されません。
この問題を解決するには、
再利用したくない場合は、親コンポーネントのルータービューにキーを追加します。
< ;/router-view>

2。vue-router IOS の白い画面の問題です。これは本当に迷惑です。
問題の説明:

ページ A に入る——> ;B ページ——>iOS 組み込みリターン——> 白い画面が表示される——> 白い画面を手動でクリック——> 問題の解決策

原因分析:

iOS マシンで Webview を使用して Vue プロジェクトを開発する場合、go History(-1) ではボディの高さを引き下げることができないため、軽いクリックをトリガーすることによってのみマスクをカバーできます。削除されました。

ソリューション実装原則:

##html、本文は両方とも 100%、#app は親要素の通知をサポートしますが、ブラウザーのデフォルトのスクロールは #app ではありませんが、一部の要因により履歴に戻った後に復元できない場合があるため(iOSのせい)、#appを絶対配置して再度スクロールの対象にすることで問題を解決しました。 #

以上がvue-router がルーティング パラメーターの変更にどのように応答するかに関する解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:segmentfault.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート