多语言展示
当前在线:615今日阅读:126今日分享:42

vue A页面如何条用B页面的方法

有很多人不了解vue A页面如何条用B页面,那么今天小编就在这里给大家分享一点我的小经验,希望可以给你们带来帮助。
方法/步骤
1

如果页面A沿Y轴滚动一段距离,然后跳转到页面B;在进入B页面时,B页面已经滚到页面A的距离,返回页面A,发现A还在之前的滚动位置

3

// 全局路由守卫router.beforeEach((to, from, next) => {  // to: Route: 即将要进入的目标 路由对象

4

// from: Route: 当前导航正要离开的路由  // next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。

5

// A跳转到B,B页面停留在A页面的滚动位置;解决方法:将scrollTop设置为0  window.scroll(0, 0);

6

// nextRoute: 设置需要路由守卫的路由集合  const nextRoute = ['home', 'good-list', 'good-detail', 'cart', 'profile'];

7

let isLogin = global.isLogin;  // 是否登录  // 未登录状态;当路由到nextRoute指定页时,跳转至login

推荐信息