文章详情页
javascript - vue有什么好的办法返回上一个路由保持位置不变。
浏览:288日期:2022-12-13 16:14:26
问题描述
上拉刷新来实现分页,当有很多页的话,点击列表某一页去详细,然后从详情返回上一页,位置不能变,而且代码不会刷新,使用scrollBehavior还是算了,我用的是hash模式,有做过类似,希望能给点意见。
问题解答
回答1:beforeRouteLeave(to, from, next){ let position = window.scrollY() this.$store.commit(’SAVE_POSITION’, position) //离开路由时把位置存起来}
在页面中取值
mounted () { this.$nextTick(function(){ let position = this.$store.state.position //返回页面取出来 window.scroll(0, position) }) }
标签:
JavaScript
相关文章:
1. html5 - bootstrap修改样式的问题2. HTML5表单必填属性设置自定义验证消息?3. javascript - 在 model里定义的 引用表模型时,model为undefined。4. css - 关于HTML中width和height的疑问(这个提问的标题不好起)5. mysql - 求一个sql语句,比较简单。6. java - 如图,jsp页面的form中的action是怎么映射到这个位置的?为什么不写dynUser就可以映射到save?7. javascript - Vue 自定义控件v-model双向绑定8. java - 接口中的成员变量怎么不是常量了?9. javascript - 清空Chrome缓存的疑问10. android - 解决DatePickerDialog样式不一致
排行榜

网公网安备