vue.js - Vue-router2.0 跳转后保存当前页面的data，供返回时使用

问题描述

问 题

刚进入页面的时候

通过fetchData这个方法调用了接口获取到了数据，然后这个页面跳转到另外一个路由后，点击返回按钮，又重新执行了一次这个方法，有什么方法可以点击返回的时候不要再次加载这个路由，就返回到进入前的状态？或者说可以把当前路由的Data保存的全局，返回的时候判断一下，如果有内容就不再次请求数据，并且返回到进入前的位置？

解决方案

使用keep-alive ,然后通过路由生命周期刷新数据,比如

beforeRouteEnter(to, from, next){
      next(vm=>{
        console.log(vm.test)
        //ajax获取数据
        vm.test='xxx'
      })
  }

这篇关于vue.js - Vue-router2.0 跳转后保存当前页面的data，供返回时使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！