ホームページ >ウェブフロントエンド >Vue.js >vue.jsでページを更新する方法

vue.jsでページを更新する方法

coldplay.xixi
coldplay.xixiオリジナル
2020-11-10 14:47:167692ブラウズ

Vue.js ページを更新する方法: 1. ページ全体を直接更新します、コードは [location.reload()]; 2. 新しい空白のページ [supplierAllBack.vue] を作成し、次の場合にジャンプします「OK」をクリックすると、この空白のページに移動し、すぐに戻ります。

vue.jsでページを更新する方法

【関連記事の推奨事項: vue.js

vue.js を更新するpage メソッド:

1. ページ全体を更新する最も直接的な方法:

vue.jsでページを更新する方法

location. reload()
this.$router.go(0)

これら 2 つの方法はどちらも現在のページを更新できます。ただし、欠点は、Ctrl F5 を押して強制更新すると、ページ全体が再ロードされ、一時的に空白のページが表示されます。エクスペリエンスは良くありません

2. 新しい空白のページを作成します。 「supplierAllBack.vue」ページ。「OK」をクリックすると、最初にこのページにジャンプします。空白のページになり、すぐに戻ります

vue.jsでページを更新する方法

空白のページsupplierAllBack.vue のコンテンツ:

vue.jsでページを更新する方法

#この方法は、最初の方法に比べて一瞬白紙のページが表示されませんが、アドレスバーの切り替え処理が高速です。 #3. Provide / inject の組み合わせは、私が試した中で最も実用的なものです。以下にプロジェクトのスクリーンショットを示して説明します: まず、app.vue

# を変更します。 ## reload メソッドを宣言してルータービューの表示・非表示を制御し、ページを制御します。再度ロードするには、

vue.jsでページを更新する方法

isRouterAlive //true または false

をここで定義して制御します。

次に、現在のページを更新する必要があるページに App.vue コンポーネントを挿入して (provide) のリロード依存関係を提供し、this.reload を使用して直接呼び出します。

関連する無料学習の推奨事項:vue.jsでページを更新する方法JavaScript

(ビデオ)

以上がvue.jsでページを更新する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。