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
});
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

• Vue.js路由组件vue-router使用方法详解
• VueJs路由跳转――vue-router的使用详解
• vue-router：嵌套路由的使用方法
• 详解vue2路由vue-router配置（懒加载）
• Vue+axios 实现http拦截及路由拦截实例
• vue-router路由简单案例介绍
• 详解vue嵌套路由-params传递参数
• vue使用watch 观察路由变化，重新获取内容