大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要介绍了怎么在vue中使用router实现跳转后回到顶部,创新互联小编觉得不错,现在分享给大家,也给大家做个参考,一起跟随创新互联小编来看看吧!
成都创新互联公司专注于威海网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供威海营销型网站建设,威海网站制作、威海网页设计、威海网站官网定制、小程序定制开发服务,打造威海网络公司原创品牌,更为您提供威海网站排名全网营销落地服务。
Vue具体轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快等优势,Vue中页面使用的是局部刷新,不用每次跳转页面都要请求所有数据和dom,可以大大提升访问速度和用户体验。
在main.js中加上这段代码
// 跳转后返回顶部 router.afterEach((to,from,next) => { window.scrollTo(0,0); })
以上就是创新互联小编为大家收集整理的怎么在vue中使用router实现跳转后回到顶部,如何觉得创新互联网站的内容还不错,欢迎将创新互联网站推荐给身边好友。