本文主要介绍了Vue + Vue-router 同名路由切换数据不更新的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。
在默认情况下, 同名路由之间的切换, 由于组件可以服用, 放在ready里获取数据, 是不会执行的, 有两种方法可以解决
注意: 该问题仅存在于 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 工程教程
Atas ialah kandungan terperinci Vue + Vue-router 同名路由切换数据不更新如何实现. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
