成都网站建设设计

将想法与焦点和您一起共享

怎么在vue中使用router实现跳转后回到顶部

这篇文章主要介绍了怎么在vue中使用router实现跳转后回到顶部,创新互联小编觉得不错,现在分享给大家,也给大家做个参考,一起跟随创新互联小编来看看吧!

成都创新互联公司专注于威海网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供威海营销型网站建设,威海网站制作、威海网页设计、威海网站官网定制、小程序定制开发服务,打造威海网络公司原创品牌,更为您提供威海网站排名全网营销落地服务。

Vue的优点

Vue具体轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快等优势,Vue中页面使用的是局部刷新,不用每次跳转页面都要请求所有数据和dom,可以大大提升访问速度和用户体验。

在main.js中加上这段代码

// 跳转后返回顶部
router.afterEach((to,from,next) => {
 window.scrollTo(0,0);
})

以上就是创新互联小编为大家收集整理的怎么在vue中使用router实现跳转后回到顶部,如何觉得创新互联网站的内容还不错,欢迎将创新互联网站推荐给身边好友。


文章名称:怎么在vue中使用router实现跳转后回到顶部
网页路径:http://chengdu.cdxwcx.cn/article/poeige.html