vue scroller返回页面记住滚动位置的实例代码
发布时间：2020-12-17 02:37:02 所属栏目：百科 来源：网络整理
导读：1，设置keepAlive：是否缓存 2,设置渲染页面 app.vue 3,记录滚动位置并赋值 {if(vm vm.$refs.my_scroller){//通过vm实例访问thissetTimeout(function () {vm.$refs.my_scroller.scrollTo(0,sessionStorage.askPositon,true);},0)//同步转异步操作}})}},befor
1，设置keepAlive：是否缓存2,设置渲染页面app.vue 3,记录滚动位置并赋值 {
if(vm && vm.$refs.my_scroller){//通过vm实例访问this
setTimeout(function () {
vm.$refs.my_scroller.scrollTo(0,sessionStorage.askPositon,true);
},0)//同步转异步操作
}
})
}
},beforeRouteLeave(to,next){//记录离开时的位置
sessionStorage.askPositon = this.$refs.my_scroller && this.$refs.my_scroller.getPosition() && this.$refs.my_scroller.getPosition().top;
next()
}
总结以上所述是小编给大家介绍的vue scroller返回页面记住滚动位置的实例代码。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |