博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用vue-router进行页面切换时滚动条位置与滚动监听事件
阅读量:4597 次
发布时间:2019-06-09

本文共 390 字,大约阅读时间需要 1 分钟。

按照正常的产品逻辑,我们在进行页面切换时滚动条应该是在页面顶部的,可是。。。在使用vue-router进行页面切换时,发现滚动条所处的位置被自动记录了下来,且在另一个组件内定义的滚动监听事件仍会运行,着实吃了一大惊。。。

说说我的破解方法:1、在每个需要用vue-router切换的组件的mounted钩子内将页面的位置自动回滚到页面顶部,解决滚动条位置自动记录问题;

         2、在每个组件内定义一条变量scrollWatch默认为true,在绑定滚动监听事件时加个if判断,只有在scrollWatch为true时进行监听函数,然后在组件destroyed的钩子内将变量scrollWatch设为false;这样就解决了滚动监听在别的组件内仍会运行的问题。

 

 

转载于:https://www.cnblogs.com/web-captain/p/6402693.html

你可能感兴趣的文章
Git学习笔记(二)
查看>>
[翻译]OAuth入门指南 – 1.概述
查看>>
<context:component-scan/>和<mvc:annotation-driven/>的区别
查看>>
Android 命名规范 (提高代码可以读性)
查看>>
C# Emit动态代理生成一个实体对象
查看>>
geoserver发布mysql表数据
查看>>
LeetCode-121 Best Time to Buy and Sell Stock
查看>>
实验四:数据类型与运算符 4、运算符及表达式实训
查看>>
poj2318
查看>>
互联网产品重构
查看>>
编程之美-2.19-区间重合判断
查看>>
游戏中心-内购—应用内购买修改应用程序信息
查看>>
python: can't open file 'h.py': [Errno 2] No such file or directory
查看>>
PHP Include 文件
查看>>
网站首页加载动态数据的方法
查看>>
09-Python之迭代器,生成器
查看>>
Java逆向入门(一)
查看>>
泛型与非泛型代码性能比较
查看>>
杂项_眼见非实(ISCCCTF)
查看>>
代码审计_弱类型整数大小比较绕过
查看>>