vue实现刷新页面,页面回到顶部

vue实现刷新页面,页面回到顶部vue项目,当刷新页面或者切换到新路由时,想要页面滚到顶部,可以使用vue-router中的scrollBehavior方法来实现具体实现:在router.js中写入以下代码:importVuefrom’vue’;importRouterfrom’vue-router’;Vue.use(Router);varrouter=newRouter({routes:[…],scrollBehavior(to,from,savedPosition){/

大家好,欢迎来到IT知识分享网。vue实现刷新页面,页面回到顶部"

vue项目,当刷新页面或者切换到新路由时,想要页面滚到顶部,可以使用vue-router中的scrollBehavior 方法来实现

具体实现:

在router.js中写入以下代码:

import Vue from 'vue';
import Router from 'vue-router';
Vue.use(Router);
var router = new Router({ 
   
  routes: [...],
 scrollBehavior(to, from, savedPosition) { 
   
    // 期望滚动到哪个位置
    return { 
   
      x: 0,
      y: 0
    }
  },
});
export default router;

scrollBehavior的使用详情请参考官网:https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/12189.html

(0)
上一篇 2024-03-16 16:15
下一篇 2024-03-17 16:00

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信