推荐设备MORE

静态网页制作

静态网页制作

疑难问题

手机微信微信小程序_vue scroller返回页面记住滚动

日期:2021-01-08
我要分享
vue scroller返回页面记住滚动位置的实例代码       这篇文章主要介绍了vue scroller返回页面记住滚动位置的实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
beforeRouteEnter(to,from,next){ if(!sessionStorage.askPositon || from.path == '/'){//当前页面刷新不需要切换位置 sessionStorage.askPositon = ''; next(); }else{ next(vm = { if(vm vm.$refs.my_scroller){//通过vm实例访问this setTimeout(function () { vm.$refs.my_scroller.scrollTo(0, sessionStorage.askPositon, true); },0)//同步转异步操作 beforeRouteLeave(to,from,next){//记录离开时的位置 sessionStorage.askPositon = this.$refs.my_scroller this.$refs.my_scroller.getPosition() this.$refs.my_scroller.getPosition().top; next() }

总结

以上所述是小编给大家介绍的vue scroller返回页面记住滚动位置的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持!