文章详情页
javascript - vue有什么好的办法返回上一个路由保持位置不变。
浏览:199日期: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 - javascript写业务有用到什么编程范式没?2. javascript - 一排三个框,各个框的间距是15px,距离外面的白框间距也是15px,这个css怎么写?3. javascript - vue 手机端项目在进入主页后 在进入子页面,直接按返回出现空白情况4. javascript - nodejs调用qiniu的第三方资源抓取,返回401 bad token,为什么5. html5 - vue-cli 装好了 新建项目的好了,找不到项目是怎么回事?6. javascript - immutable配合react提升性能?7. python3.x - python 中的maketrans在utf-8文件中该怎么使用8. javascript - jQuery post()方法,里面的请求串可以转换为GBK编码么?可以的话怎样转换?9. javascript - H5或者JS如何获得当前位置地理定位,只需要获取经纬度即可10. mysql - C#连接数据库时一直这一句出问题int i = cmd.ExecuteNonQuery();
排行榜

网公网安备