有这样一个页面A, 在当前这个页面中跳转到一个详情页B后, 缓存A, 等到用户做出返回操作的时候;
结合A组件内的路由守卫beforeRouteEnter (to, from, next) {}来获取上一个页面的路由, 做出判断, 如果是从B跳过来的, 那么不发送任何请求, 如果不是, 那么正常发送请求
官方文档:
const Foo = {
template: `...`,
beforeRouteEnter(to, from, next) {
// 在渲染该组件的对应路由被 confirm 前调用
// 不!能!获取组件实例 `this`
// 因为当守卫执行前,组件实例还没被创建
},
beforeRouteUpdate(to, from, next) {
// 在当前路由改变,但是该组件被复用时调用
// 举例来说,对于一个带有动态参数的路径 /foo/:id,在 /foo/1 和 /foo/2 之间跳转的时候,
// 由于会渲染同样的 Foo 组件,因此组件实例会被复用。而这个钩子就会在这个情况下被调用。
// 可以访问组件实例 `this`
},
beforeRouteLeave(to, from, next) {
// 导航离开该组件的对应路由时调用
// 可以访问组件实例 `this`
}
}