vue2.0路由切换后页面滚动位置不变BUG
来源:互联网 发布:windows屏幕水印 编辑:程序博客网 时间:2024/06/05 21:15
最近项目中遇到这样一个问题,vue切换路由,页面到顶端的滚动距离仍会保持不变。
<a href="javascript:;" class="btn btn01" @click="useRightNow">立即试用</a>
<router-link class="db" to="/user">个人中心</router-link>
useRightNow(){ if(判断用户存在){ this.$router.push('/user') }else{ this.$router.push("/login") }}
解决办法很简单,如下,直接监测watch路由变化,然后将body的滚动距离scrollTop赋值为0。
export default { watch:{ '$route':function(to,from){ document.body.scrollTop = '0'; } } }
阅读全文
0 0
- vue2.0路由切换后页面滚动位置不变BUG
- 页面刷新后保持滚动条的位置不变
- 页面刷新后保持滚动条的位置不变
- asp.net页面刷新后的滚动条位置不变
- asp.net页面刷新后的滚动条位置不变
- asp.net页面刷新后的滚动条位置不变
- 用一句代码实现页面刷新后滚动条位置不变
- 页面回发后保持滚动条位置不变
- [vue.js音乐App开发记录]vue2.0通过二级路由实现页面切换
- 提交窗体后滚动条位置保持不变
- ext 4.2 grid刷新后 滚动条位置不变
- Ext Grid刷新后 滚动条位置不变
- js实现网页刷新后滚动条位置不变
- javaScript刷新页面—滚动条位置不变的操作
- 页面刷新或者回发后DIV的滚动条位置不变!
- 网页刷新 页面位置不变(根据滚动条)
- jsp页面刷新时,保持滚动条位置不变
- vue切换路由后页面显示顶端
- Synergy无法复杂粘贴问题
- 芯片测试
- 数据库操作练习5
- flink之FLIP
- [Linux] linux下安装配置 zookeeper/redis/solr/tomcat/IK分词器 详细实例.
- vue2.0路由切换后页面滚动位置不变BUG
- C++类静态成员与类静态成员函数详解
- Android Studio多渠道打包
- tf.nn.embedding_lookup
- Linux下redis的安装及配置.
- 【Java】NIO reactor 多路复用技术
- SSM框架中集成TKMybatis+PageHelper实现高效查询和分页
- Qt 之 QSqlIndex Class
- Promise用法小例