vue开发微信公众号,详情页返回列表页,保存数据

1.如果列表页不需要实时更新(能够接受退出页面,再进入的时候是最新)比如新闻列表,可以用beforeRouteEnter,判断是从详情页,还是从首页进入?

从详情页进入的话,直接展示缓存的数据,不需要重新加载,包括当前的页码page和list的数据。

从其他页面进入,调用接口,来请求数据

beforeRouteEnter(to, from, next) {

next(vm => {

console.log(vm.boxObj);

    if(from.name =='boxdetail') {

vm.list=vm.boxObj.list

      vm.cur=vm.boxObj.cur

      vm.page=vm.boxObj.page;

    }else{

vm.getlist(true)

}

});

},

2.列表页需要实时更新到最新数据,比如订单列表,即使从详情页进入,也要保障读取到最新数据,有别的页面可以下单、删除订单、支付订单的操作。那么

只缓存列表页的tab值即可。每次进入,用缓存的tab值,去赋值,并且调取当前tab的最新数据!虽然这样没有保留住之前的page页码和list数据,起码订单列表是最正确的。

你可能感兴趣的:(vue开发微信公众号,详情页返回列表页,保存数据)