vuejsのルートプッシュがジャンプしない問題の解決方法

vuejs ルート プッシュがジャンプしない場合の解決策: 1. vue-router を開いてコードの一部にジャンプします; 2. 「watch: {'$route' (to, from) {...}」を追加します。 , 「方法; 3. ルーターの変更を監視し、ページを更新します。

この記事の動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

vuejs のルートプッシュがジャンプしない問題を解決するには?

vue-router には $router.push と同じルートがあり、ジャンプしません。簡単な解決策

vue-router Jumps 通常は次のように記述されます:

toCurrentPage: function(thisId){
          this.$router.push({path:'/test ', query: { id: thisId, option: ""}});
 }

しかし、同じページ上の別のクエリにジャンプする必要がある状況では、上記の方法は機能しません。もちろん、パフォーマンスの観点から、この状況に対する理論的に最善の解決策は、更新する必要があるものを init 関数にラップし、そのメソッドにジャンプし、パラメーターを渡して init メソッドを再度呼び出すことです。バラバラバラ…詳細は省きます。

しかし、他の場合には、基本ページのすべてのコンポーネントを更新する必要があります。再度ロードしても、オーバーヘッドにはほとんど影響しません。スムーズな操作ロジックを確保するには、History.back が必要です...にジャンプするだけです。実際には非常に簡単です。上記のメソッドを追加するだけです:

watch: {
    '$route' (to, from) {
        this.$router.go(0);
    }
},

ルーターの変更を監視し、ページを更新します~

推奨: "最新の 5 vue.js ビデオチュートリアルの選択》

以上がvuejsのルートプッシュがジャンプしない問題の解決方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。