Vue + Vue-router 同名路由切换数据不更新的方法

本篇文章主要介绍了Vue + Vue-router 同名路由切换数据不更新的方法,具有一定的参考价值,感兴趣的小伙伴们可…

本篇文章主要介绍了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 }); }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持www.cfluntan.cn。

以上就是Vue + Vue-router 同名路由切换数据不更新的方法的详细内容,更多请关注www.cfluntan.cn其它相关文章!

为您推荐

返回顶部