微信小程序修改数据不刷新页面更新数据
先将数据储存到本地缓存,如下:
wx.setStorageSync('caseid', this.data.id)
wx.setStorageSync('newmsg', data) //data是一个对象
在需要修改的页面获取本地缓存的数据,如下:
var newmsg = wx.getStorageSync('newmsg')
var caseid = wx.getStorageSync('caseid')
将获取到的本地缓存数据通过对比ID判断更改哪一个列表的数据,如下:
let list = this.data.anliList;//这里是将需要循环的数组赋值给list// 将本地缓存数据渲染到对应修改的案例
list.forEach(function (value,index, array){console.log(array[index].id)if (array[index].id == caseid) {array[index].cover = newmsg.cover;array[index].name = newmsg.name;array[index].tags = newmsg.tags;array[index].color = newmsg.color;array[index].price = newmsg.price;console.log(array[index].cover)console.log(array[index].name)}
})
this.setData({anliList: list
})
微信小程序修改数据不刷新页面更新数据相关推荐
- 小程序不刷新页面更新数据
微信小程序不刷新页面更新数据 小程序刷新页面过程大家都懂得,特别是网络不好的时候,觉得这te,ma,就是一种折磨,如何做到不刷新页面就可以更新数据? 页面栈: 小程序的每一个页面都是一个page对象, ...
- 微信小程序 下拉刷新页面时的加载状态
案发现场:在微信小程序中,用力往下拉动,页面顶部会出现一段空白的地方. 其实三个点是可以看到的.只不过默认是白色的 案例效果 1.在 app.json中 添加样式 "backgroundTe ...
- 页面url带参数_微信小程序云开发教程微信小程序的JS高级页面间数据传递
同学们大家好,我是小伊同学,上一节课我们讲解了全局数据的读写方法,那么在页面间同样需要数据交互,今天我们就来学习这部分内容. 在微信小程序中,我们常常需要将数据在页面之间进行传递,比如用户的身份信息, ...
- echarts 不刷新页面更新数据
[注意]这种方法只适用于:页面仅进行一次图表初始化的情况. 对于多个选项卡中都有图表的情况(选项卡切换时,需要对每个图形重新初始化,此时数据会回到第一次初始化的情况),不适用. 参考: https:/ ...
- 电商微信小程序(教你一个页面一个数据接口搞定所有分类订单页面(未支付 未发货 已发货 全部订单))
注:解析主要都在注释里面 1.mysql建表思路 1.1最重要的是状态码,如果之前没有添加字段state,可以通过以下方式 -- 添加字段(规定只能规定为 未支付.未发货.已发货) ALTER TAB ...
- php 微信实时更新,微信小程序修改data使页面数据实时更新的代码示例
本篇文章给大家带来的内容是关于微信小程序修改data使页面数据实时更新的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 需求:通过点击button修改dataList中che ...
- 微信小程序返回上一级页面时刷新页面
问题描述: 微信小程序返回上一级页面时需要重新加载一下数据 问题解决: 方法一: 在需要返回的页面的onShow(){}方法中调用要刷新数据的方法 方法二: goBack(){let pages = ...
- 微信小程序wx.request请求服务器json数据并渲染到页面
微信小程序的数据总不能写死吧,肯定是要结合数据库来做数据更新,而小程序数据主要是json数据格式,所以我们可以利用php操作数据库,把数据以json格式数据输出即可.现在给大家讲一下,微信小程序的wx ...
- 微信小程序页面上面的名字怎么改_微信小程序名称可以修改几次? 微信小程序修改名称的方法...
小程序如何修改名称?如果修改一年能修改几次?小程序发布前,可修改2次名称,发布后,个人帐号可一年内修改2次名称,下面我们就来看看详细的图文教程. 一.微信小程序名称一年能修改几次? 1.百度输入&qu ...
最新文章
- ubuntu中使用apt命令安装ipython失败解决方案
- python和c哪个好学-C/C++和Python哪个更有前景?
- linux cpu使用率1200%,linux下用top命令查看cpu利用率超过100%
- 城市大数据的生态模型及应用
- 【重要通知】数据技术嘉年华改为线上举办!拥抱元宇宙,我们这么玩儿!
- java过滤集合数量,java – 使用lambdaj过滤集合
- python 入门基础-Python入门基础
- css flexbox水平垂直
- python 对一个函数执行速度控制的演示
- Glib2之定义手册(十八)
- (day05)剑指 Offer 11. 旋转数组的最小数字-(二分法)
- SpringBoot2.0高级案例(02) :整合 RocketMQ ,实现请求异步处理
- vscode下使用gcc进行Npcap网络编程开发的环境配置
- 彻底删除vmware
- Java实验一 Java编程基础
- 云计算运营模式实例共享
- ueedit富文本编辑器的使用
- 3 天天向上的力量 c语言
- NeRF神经辐射场学习笔记(二)——Pytorch版NeRF实现以及代码注释
- javaweb实现个人博客系统