Vue ルーティング this.route.push ジャンプ ページが更新されない1. 背景概要: Vue プロジェクトの開発において、ルーティングを使用してページにジャンプすると、ルーティングのジャンプ先のページが更新されません。 つまり、vue ライフサイクル関数は実行されません (作成、マウントされたフック関数)。 例: ページA: ページ B: 質問: 最初にページ A のボタンをクリックしてページ B に移動すると、すべて正常です。ページ A に戻ってボタンをもう一度クリックすると、ページ B はマウントされたフック関数を実行せず、マウントされた関数内のクエリ メソッドが実行されません。 2. 解決策:1. Mounted:{} 関数の代わりに activated:{} 周期関数を使用します。 2. ルートの監視 // 推奨されません。ユーザーエクスペリエンスが悪いため、watch: { '$route' (to、from) { // ルートが変更されるとページが更新されます this.$router.go(0); } }, // このメソッドはもう一度ウォッチを要求します: { '$route' (to、from) { // マウントされた関数内で実行されるメソッドをここに記述します。this.qBankId = globalVariable.questionBankId; this.qBankName = globalVariable.questionBankTitle; this.searchCharpter(); } }, Vue this.$router.push ルートジャンプ、リフレッシュパラメータが消えるthis.$router.push({name:"",params:{id:""}}) リフレッシュパラメータが一致すると、名前とパラメータは消えます this.$router.push({path:"",query:{id:""}}) パスとクエリは一緒に使用されます。ページを更新してもパラメータは消えません。クエリ内のパラメータは URL の一部になります。 上記は私の個人的な経験です。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: Ubuntuデュアルシステムが起動時に停止する問題の解決方法の詳細な説明
>>: Navicat for MySql ビジュアルインポート CSV ファイル
目次VueUse にはどのようなユーティリティがありますか? VueUseをVueプロジェクトにイン...
1. データベースにログインするには、rootユーザーを使用することをお勧めします。 mysql -...
img 画像タグに alt 属性を追加しますか?画像 img タグの alt 属性を見落とすことはよ...
Nginx の公式 Web サイトから Windows バージョンの Nginx をダウンロードしま...
シナリオ:クロールされたデータは、別のメインテーブルと同じ構造を持つデータテーブルを生成するため、マ...
HTML を記述する過程で、クラス属性に複数の値を定義することがよくありますが、定義した値が無効であ...
jQuery フォーム検証の例 / ユーザー名、パスワード、住所、電子メールの検証を含む下記の通り ...
導入RANGE パーティション分割は、指定された連続した間隔範囲に基づいています。RANGE の初期...
序文最近、穴を掘ってスペースを作っているだけなので、心が空っぽになっているように感じます。テクノロジ...
ネットで検索してみたところ、多くの面接でモバイル適応方法について質問されることが分かりました。最近い...
フロントエンド開発でよく使われるCSSの配置方法は、位置決めには、通常位置決め、相対位置決め、絶対位...
簡単に言えば、遅延レプリケーションとは、スレーブ データベースがマスター データベースより 1 時間...
<テンプレート> <div class="アプリコンテナ"&...
1. Compose の紹介Compose は、マルチコンテナ Docker アプリケーションを定義...
CSS カウンター属性はほぼすべてのブラウザ (IE8 を含む) でサポートされていますが、あまり使...