小程序开发[从详情返回列表局部刷新数据]

最新推荐文章于 2024-04-18 10:33:19 发布
最新推荐文章于 2024-04-18 10:33:19 发布
阅读量723 收藏 1
点赞数
分类专栏： 小程序 技术 文章标签： 小程序局部刷新 小程序调优
分享录 © www.xubingtao.cn
本文链接：https://blog.csdn.net/xubingtao/article/details/108074513
版权

本文是小程序调优解决方案之从详情返回列表局部刷新数据。本文巧妙利用setStorage来传参数，回显的时候用getStorage获取数据并遍历修改对应的数据，从而达到局部刷新列表数据的效果，最后用removeStorage释放并回收资源。

详情访问：https://www.xubingtao.cn/2020/08/18/mp_dev_local_refresh

App Store公众号小程序:分享录
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序实战之上拉（分页加载）效果（2）
08-30
在微信小程序开发中，上拉加载（分页加载）是一种常见的优化用户体验的技术，它避免了一次性加载大量数据导致的页面响应慢和流量浪费问题。本文将深入讲解如何在微信小程序中实现这一功能。 首先，理解上拉加载的...
ios-修改成绩列表，用block进行传值.zip
07-11
在iOS开发中，修改成绩列表通常涉及到用户界面的更新和数据模型的管理。在这个场景下，"ios-修改成绩列表，用block进行传值.zip"的项目中，开发者选择使用Block来传递数据，这是一种常见的Objective-C和Swift编程中...
微信小程序局部刷新触发整页刷新效果的实现代码
12-12
效果图 如上图所示，头部的选项栏时固定的（fixed），下部的信息栏是滚动的, 由于头部是fixed所以无法实现下拉刷新的效果，如果去掉fixed当我们上拉的时候，选项栏又无法固定，所以我们需要监听页面下拉的状态随时改变选项栏的状态 1获取滚动状态 onPageScroll(e) { this.scrollTop = e.scrollTop }, 2信息栏监听下拉状态的改变而改变自己的状态 :class="scrollTop>0?'head-title-fixed':'head-title-absolute'" .head-title-absolute{ top: 0;po
小程序列表局部刷新(点赞效果)
yanxiaosa的博客
04-23 5094
作者:燕歆波 简介:在小程序中实现点赞效果,并刷新当前item的状态 实现步骤 首先在data中定义了两个变量: 在渲染列表时，需要判断当前item的点赞状态,比如:如果状态是1，那么就是未点赞，需要设置图片为like，如果状态是0，那么已经点赞,需要设置图标unlike,如下: 由于在获取数据时，列表并没有提供isLike这个字段让我们判断,所以在获取数据列表时，我们为每一条数据增加一个字段...
微信小程序登录----以及返回上一页刷新或当前页刷新
a13849911849的博客
04-18 689
微信小程序登录，刷新页面，返回上一页刷新或当前页刷新，无感刷新，wx.login使用,微信登录并获取用户数据
微信小程序从子页面返回父页面实现数据的局部刷新
你的指尖，有改变世界的力量。
10-28 4091
问题描述 A页面有一个保存字段的对象数组items，从A页面跳转到B页面，B页面自定义字段，并添加到items中。当返回A页面时，显示items的部分能够局部刷新 items:[{name: '0', value: '姓名', checked: true, isNecessary: true,},{...},{...}], 解决过程 在A页面的js中定义一个函数： changeData:func...
微信小程序列表局部(单条)刷新
小白成神路
05-18 3842
问题背景 在小程序列表中，对某一条点赞，成功后setData修改点赞数量，接口请求成功回调如下 success: res => { this.data.posters[index].like_sum = parseInt(this.data.posters[index].like_sum) + 1; this.setData({ poster: this.data.posters }) }, 此处的index是在wxml中for循环的index偏移下标，绑定到节点数据： dat
微信支付php局部刷新页面,微信小程序 ，返回列表页，局部刷新
weixin_29904489的博客
03-22 114
请教一个问题。微信小程序，从详情页进入列表页，怎么局部刷新？订单列表页，头部是tab切换，可以下拉翻页。每条数据都有不同行为的按钮操作。比如：待支付的订单，按钮(取消订单，去支付)已完成的订单，按钮(去评论/查看评论，再次预订，删除订单)假如:我此刻点击 “待支付”选项下》第2页的》第5条数据，进入详情页(详情页的按钮和它的列表页按钮一致)》点击了“去支付”按钮返回列表页，想要仍然在“待支付”选项...
Blog.rar_blog ajax_jsp 刷新数据库
09-22
通过JavaScript发送异步HTTP请求到服务器，获取新数据，并在客户端使用JavaScript处理这些数据，更新DOM（Document Object Model）来实现页面的局部刷新。这极大地提升了用户体验，因为用户不必等待整个页面加载，只...
Java开发技术大全 电子版
04-10
1.4一个简单的Java小程序16 1.5本章小结18 第2章Java语言基础19 2.1Java语言的特点19 2.2Java程序的构成21 2.3数据类 型23 2.3.1基本数据类型23 2.3.2常量25 2.3.3变量26 2.3.4整型数据27 .2.3.5浮点型...
MenusUsingPartialViews:创建具有局部视图的动态菜单
05-09
在“MenusUsingPartialViews”项目中，一个可能的控制器（如MenuController）会包含方法来获取菜单数据，如菜单项和子菜单项，然后把这些数据传递给相应的局部视图。 三、模型绑定（Model Binding） 模型绑定是ASP...
小程序实现返回上个页面并刷新上个页面的数据或更新组件数据。
KL4099的博客
11-22 1878
授权登录页面B返回首页A更新首页A中id为recruitment的组件数据 letpages=getCurrentPages()//获取页面栈 let currentPage=pages[0];//获取首页（即第一个页面）的页面栈 letcurrComponent=currentPage.selectComponent('#recruitment')//拿到首页中id为recruitment的组件 currComponent.reset()//重置更新组件数据 wx.navigat...
微信小程序对于数据的局部更新
Rob_gao的博客
10-19 7194
Data中的一个数组 this.setData({ nameArray: [{ id: 1, name: 'rob', sex: 'man', age: 16, grade: '高一' }, { id: 2, name: 'mike', sex: 'man', age: 17, grade: '高二' }, { id: 3, name: 'jodie', sex: 'women', age: 18...
微信小程序中使用setData({})达到删除、编辑操作后页面数据局部刷新的效果
qq_41930094的博客
05-20 4495
前言： 当一个页面数据列表过多时，刷新数据如果采用全局加载（整页数据重新渲染）方式则影响用户的体验，这时候需要优化成局部加载（部分修改数据重新渲染）。 场景：最近用户提出小程序的列表数据翻页后数据刷新不能回到之前修改的位置，简单讲：就是用户想进行修改、删除操作后，当前页面不需要重新数据渲染，， 如图：列表数据是拥有删除和编辑功能（点击分类名称，出现分类选则弹框） 1.删除操作 *通过html页面获取删除数据的下标后，等js中调取删除api成功之后，使用数组splice方法删除该下标的元素，最后使用 th
微信小程序 返回上一页面时实现上一页面数据刷新（页面栈）
前端很杂，故名前端杂货铺 —— coderkey
12-08 1893
问题： 从A页面跳转到b页面后，再从b页面返回到a页面，同时刷新a页面的数据 解决方案： 页面B： var pages = getCurrentPages(); //当前页面栈 if (pages.length > 1) { var beforePage = pages[pages.length - 2]; //获取上一个页面实例对象（a页面） var currPage = pages[pages.length - 1]; // 当前页面，若不对当前页面进行操作，可省去（b页面） befo
微信小程序操作当前页面后返回上一级并自动刷新上一级页面数据
青衫折扇的博客
04-14 5767
微信小程序的页面是由onLoad（页面加载）、onReady（页面初次渲染完成）、onShow（页面显示）、onHide（页面隐藏）、onUnload（页面卸载）五个周期构成； 实现返回上一页的时候其实是直接将隐藏的页面再显示出来，所以不存在页面的再次加载， A页面 ——>B页面——>返回A页面（更新A页面数据） 解释：在A跳转B的过程实现是A页面隐藏，B页面初始化渲染； 返回...
小程序操作当前页面后返回上一级并自动刷新上一级页面数据
热门推荐
qq_43561241的博客
07-04 1万+
微信小程序的页面是由onLoad（页面加载）、onReady（页面初次渲染完成）、onShow（页面显示）、onHide（页面隐藏）、onUnload（页面卸载）五个周期构成； 实现返回上一页的时候其实是直接将隐藏的页面再显示出来，所以不存在页面的再次加载， A页面 ——>B页面——>返回A页面（更新A页面数据） 解释：在A跳转B的过程实现是A页面隐藏，B页面初始化渲染； 返回...
小程序返回上一页后刷新数据
foreverlikui的博客
11-21 1259
在很多业务场景下，需要提交完成之后，返回上一页并刷新， 之前加载数据都是写在onLoad里边，但是onLoad一个页面只会调用一次，返回之后也不会调用，除非wx.redirectTo重定向，才会加载刷新，但是如果点击返回按钮，返回的又是之前没有刷新数据的旧页面， 需要刷新的函数写在onShow中是最合理的。 但是有个疑问， 我们在页面A通过链接传值给页面B， 通过页面B中的onLoad赋...
小程序详情页返回列表页并刷新数据
fyliuyin的博客
02-07 444
【代码】小程序详情页返回列表页并刷新数据。
微信小程序开发教程.pptx
最新发布
04-28
本教程是针对微信小程序开发的深入学习资料，旨在帮助读者从零基础开始，逐步掌握这一新兴移动应用技术。课程内容按照循序渐进的方式设计，由浅入深，涵盖从入门到专业开发者的各个方面。 在第一章“开始入门”中，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值