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

来源：动视网责编：小采时间：2020-11-27 22:25:21

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

Vue + Vue-router 同名路由切换数据不更新的方法:在默认情况下, 同名路由之间的切换, 由于组件可以服用, 放在ready里获取数据, 是不会执行的, 有两种方法可以解决注意: 该问题仅存在于 vue1 方法1: 将数据获取放到route.data下~ route: { data({to: {params: { page }}}) { re

推荐度：

点击下载本文 文档为doc格式

导读Vue + Vue-router 同名路由切换数据不更新的方法:在默认情况下, 同名路由之间的切换, 由于组件可以服用, 放在ready里获取数据, 是不会执行的, 有两种方法可以解决注意: 该问题仅存在于 vue1 方法1: 将数据获取放到route.data下~ route: { data({to: {params: { page }}}) { re

在默认情况下, 同名路由之间的切换, 由于组件可以服用, 放在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 + Vue-router 同名路由切换数据不更新的方法

推荐度：

点击下载本文 文档为doc格式

标签：数据 VUE vue-router

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐