Vue + Vue-routerのルート切り替えデータを同名で更新せずに実装する方法

この記事では、Vue + Vue-router の同じ名前のルーティングデータを更新しない方法を主に紹介します。興味のある方は参考にしていただければ幸いです。

デフォルトでは、コンポーネントを使用してデータを取得できるように配置できるため、同じ名前のルート間の切り替えは実行されません。解決するには2つの方法があります

注: この問題はvue1

メソッドにのみ存在します。 1: データ取得を Route.data の下に配置します~

route: {
  data({to: {params: { page }}}) {
    return Promise.all([
      this.getApi()
    ]).then(() => {

    })
  }
}

方法 2: コンポーネントが再利用されないよう強制するには、route.canReuse = false を設定します~

route: {
  canReuse() {
    return false
  }
},
ready() {
  var request = $.ajax({
    type: "POST",
    dataType: 'json',
    url: "api.php"
  });
  request.then((json) => {
    // balabala
  });
}

関連する推奨事項:

vue2 のビルド vue-router2 webpack3 エンジニアリング チュートリアル

vue-routerルーティングの基本的なインスタンス共有

vue-routerはタブタブページを実装します

以上がVue + Vue-routerのルート切り替えデータを同名で更新せずに実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。