Vue 页面跳转到新页面时, 默认在页面底部,不是顶部

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 页面跳转到新页面时, 默认在页面底部,不是顶部相关的知识,希望对你有一定的参考价值。

参考技术A 全局解决办法 main.js 中引入 router

import router from 'vue-router';

router.afterEach((to, from, next) =>

  window.scrollTo(0, 0)

);

React中路由操作、页面跳转

参考技术A 一般适用于,点击按钮或其他组件进行页面跳转,具体使用方式如下:

react-router-redux 中包含以下几个函数,一般会结合redux使用:

具体使用时通过发送disppatch来进行页面跳转:

一般在完成某种操作,需要返回上一个页面时使用。

首先定义路由为 :

点击事件跳转到新页面 打开一个新的tab:

在新的页面获取路径上的参数:

获取路径参数 :

或者

......未完 待更

以上是关于Vue 页面跳转到新页面时, 默认在页面底部,不是顶部的主要内容,如果未能解决你的问题,请参考以下文章

vue跳到新的页面后仍停留在原来的地方

PHP页面如何自动跳转到另一个页面底部

React中路由操作、页面跳转

vue 单页应用点击某个链接,跳转到新页面的方式

360浏览器打开页面不跳转到新页面

网页中如何实现点击iframe中的一个链接,使整个页面(不是只有iframe)跳转到新的页面