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

 时间:2024-10-13 21:47:03

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

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

2、方法是:在路由守卫回调中,设置每次进入路由时,将window的scroll值设置为0;window.scroll(0, 0)

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

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

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

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

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

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

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

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

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

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

vue A页面如何条用B页面的方法
  • win10怎么更改产品密钥
  • 家庭用制氧机日常保养维护的方法
  • 电脑屏幕读取器怎么启动
  • u深度pe系统下DG分区工具如何进行分区格式化
  • 狗狗的五大训练法则,你是如何训练狗狗的呢
  • 热门搜索
    好看的手抄报花边 晒家风手抄报 我爱我班手抄报内容 关于对联的手抄报 小学生廉洁手抄报 节约用纸的手抄报 有关健康的手抄报 建党95周年手抄报 孝敬父母手抄报图片 我爱我校手抄报