原文:vue项目实现列表页-详情页返回不刷新,再点其他菜单项返回刷新的需求

问题背景:有时候一些列表会有一些跳转的需求,比如跳到详情页 或者是其他相关的页面 比如跳到用户列表去查看用户的相关信息 等,此时再返回列表页,列表页会刷新重置。目前需求就是需要改成如下情况: 问题 列表 详情页,返回,不刷新重置 问题 再点其他菜单,再返回,需要刷新重置。 解决思路: 解决需求自然是想到vue的keep alive去缓存组件,但是缓存组件有个不好的弊端,就是以后再进入页面也一直保 ...

2019-02-27 18:16 0 4133 推荐指数:

查看详情

vue列表进入详情页返回列表项不刷新

功能 像搜索功能,在点击某项进入详情页,再回到搜索界面,如果不做特殊处理,初始化到原来的状态,在vue中可以使用keep-alive缓存搜索界面,达到数据不刷新的结果。 思路 在搜索路由对象的meta添加一个keepAlive属性,值为true,表示在路由切换的时候,会被缓存 ...

Sun Mar 01 00:42:00 CST 2020 0 2786
列表详情页,从详情页返回之前列表的位置

背景: 对于一般采用同样的技术栈开发的多页面应用来说,可能遇到的状况如下: h5上拉刷新实现分页,当有很多的话,点击列表某一去详细,然后从详情返回上一,可能刷新上一,位置不能保持,体验不好 列表使用a链接过去的,详情使用window.history.go ...

Sun Dec 30 01:28:00 CST 2018 0 1703
vue项目中keep-alive的使用,从详情页返回列表时保存浏览位置

最近在做移动端前端项目中,需要实现以下场景: 1.在页面查询列表,进入详情页时,返回需要页面返回到上次浏览的位置 2.由于查询列表获取的数据可能会短时间改变,如果前端长时间缓存数据,并不符合业务要求。 3.我在进入详情页时可以修改列表的数据,返回时滚动到,用户看到的应该是最新的数据 4. ...

Sat Jul 06 00:50:00 CST 2019 0 1251
vue列表点击到详情页之后,后退到列表记住页码

很多时候遇到这种需求列表第三点击某个item进入到详情页,然后点击浏览器后退按钮退回到列表,这个时候往往回到了列表中第一的数据,如果我希望保持回到第三,该如何操作呢? 列表点击分页的方法中: this.$router.push({path:"partList",query ...

Tue Sep 01 00:01:00 CST 2020 0 1655
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM