この記事では、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 + Vue-routerのルート切り替えデータを同名で更新せずに実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
