关于移动端滚动列表，不发起请求刷新列表的解决思路

前言

最近在做一个移动端项目，项目中包含了滚动列表，点击列表项进入详情修改信息，或修改状态，会造成列表项信息改变，或者会从列表中移除，一直在想一个比较好的方案来处理列表信息的更新，试了记录下滚动条的位置，结果不太理想

最终采用的方案

使用vuex，记录当前项的index，id以及相关参数，从详情页返回列表页时比对当前项的状态是否改变，改变则使用splice方法从列表数据中移除该条数据；未改变则将对应的详情修改成调整后的值。这样列表不用重新请求数据，也能实现静态刷新。

弊端：如果存在多人同时操作同一条数据，因为不发起请求的缘故，则不能获取到最新的列表数据信息。会造成信息不同步的问题。故需依照实际需求，确定是否发起请求来刷新列表数据。

如大佬有更好的方案，欢迎在评论区留言，大家一起学习进步！

关于移动端滚动列表，不发起请求刷新列表的解决思路相关推荐

【已解决】（uni-app）IOS 端 H5 应用无法发起请求，请求状态码为0，错误描述为request:fail
[已解决](uni-app)IOS 端 H5 应用无法发起请求,请求状态码为0,错误描述为request:fail 目录 [已解决](uni-app)IOS 端 H5 应用无法发起请求,请求状态码为0 ...
get_headers()请求https报错解决思路
场景:项目中客户端上传文件到OSS后,返回给服务端一个OSS的文件对象名称. 服务端拿到文件对象名称后,需要通过OSSClient生成一个签名url,然后提供下载服务. 下载服务中,拿到URL后要去校 ...
python unicodeencodeerror_Python发起请求提示UnicodeEncodeError错误代码解决方法
具体错误: UnicodeEncodeError: 'latin-1' codec can't encode characters in position 73-74: Body ('测试') is ...
uniapp返回上一页，刷新列表
因为我们做的项目是:前端 + Ios/Android 合作完成的App,那么在做消息通知时,进入消息详情,再返回列表,需要实时刷新列表,那么有的详情是跳转ios/Android的,并且返回头部是他们的 ...
微信小程序基础2【条件渲染、swiper组件、生命周期、发起请求API】
视频地址: https://www.bilibili.com/video/BV1cW411T7t6 [2018]学做小程序- 清华大学 https://www.bilibili.com/video/ ...
多网络情况下,Kafka客户端如何选择合适的网络发起请求
作者:石臻臻, CSDN博客之星Top5.Kafka Contributor .nacos Contributor.华为云 MVP ,腾讯云TVP, 滴滴Kafka技术专家 . LogiKM PMC( ...
浏览器发起请求到服务器处理请求的过程
前言问题:为什么很多站点第二次打开速度会很快? 前面我们已经说了tcp的一些流程,而http协议是建立在tcp协议基础之上的 http是一种无状态的丶允许浏览器向允许浏览器向服务器获取资源的协议,是W ...
vue商城项目开发：axios发送请求及列表数据展示
使用axios发送get请求先install一下axios: 在main.js中全局引入axios: 仅仅在main.js中引入axios不会生效: 第二种解决方法如下,也是最常用的: 使用$htt ...
vue 实现 web端滚动刷新自定义指令
vue 实现 web端滚动刷新想实现web端的滚动刷新,我们需要判断滚动已经到达最低部,利用addEventListener监听滚动高度,触发相应的回调函数,激发加载更多数据,那么我们该怎样计算滚动 ...

关于移动端滚动列表，不发起请求刷新列表的解决思路

前言

最终采用的方案

关于移动端滚动列表，不发起请求刷新列表的解决思路相关推荐

最新文章

热门文章