vue router 跳转后回到顶部的实例
更新时间：2018年08月31日 16:35:11 作者：zcy_csdn123
今天小编就为大家分享一篇vue router 跳转后回到顶部的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在main.js中加上这段代码
// 跳转后返回顶部
router.afterEach((to,from,next) => {
window.scrollTo(0,0);
})
以上这篇vue router 跳转后回到顶部的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue.js中.native修饰符,给普通的HTML标签监听一个事件，之后添加 .native 修饰符是不会起作用的。需要的朋友可以参考下2018-04-04
这篇文章主要介绍了vue父子组件动态传值的几种方式及注意问题详解,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了Nuxt.js的路由跳转操作(页面跳转nuxt-link)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
本文通过实例代码给大家介绍了Vue 实现登录界面 验证码功能，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2020-01-01
为了给Vue一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一key属性,下面这篇文章主要给大家介绍了关于Vue深入理解之v-for中key的真正作用,需要的朋友可以参考下2022-05-05
这篇文章主要介绍了vue+antv实现雷达图，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2021-12-12
这篇文章主要给大家介绍了关于Vue中常用的鼠标移入移出事件的相关资料,鼠标移入移出事件在 Vue 中可以通过@mouseenter和@mouseleave来绑定,需要的朋友可以参考下2023-07-07
本文主要介绍了vue使用JSEncrypt对密码本地存储时加解密，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题
这篇文章主要介绍了vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
在 Vue.js 应用中使用 hash 模式是一种常见的路由配置方式,这种方式利用了 URL 的 hash（即 # 符号后面的部分）来实现页面的跳转和状态管理,以下是使用 Vue 2 和 Vue Router 设置 hash 模式的步骤,需要的朋友可以参考下2024-10-10
最新评论