微信小程序如何从数组里取值_微信小程序数据存储与取值详解

在小程序开发的过程，经常要需要这个页面输入的数据，在下一个页面中进行取值赋值。

比如：

在A页面input输入框，输入电话号码，点击添加。需要在B页面电话区域中，显示刚刚输入的电话号码。

因为这是两个页面，就需要先存储，再取值。微信小程序提供了数据存储的API，wx.setStorage(OBJECT) 可以将数据存储在本地缓存中指定的 key 中，如果重复会覆盖掉原来该 key 对应的内容。

思路是，在A页面，使用bindinput获取input输入的值，赋值给一个变量(自定义)，点击添加按钮时，如果变量不为空，将变量的值存储在本地缓存中，在B页面，使用wx.getStorage(OBJECT) 方法取值;

ps : 源代码在页面底部

代码如下：

对input输入框，绑定事件bindinput="bindKeyInput"，设置value="{{inputValue}}" ，因为电话号码为数字，设置type="number"。对按钮添加点击事件bindtap="addbtn"

在JS文件中添加代码

B页面代码

微信小程序如何从数组里取值_微信小程序数据存储与取值详解相关推荐

微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统-翟东平-专题视频课程...
微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统-2445人已学习课程介绍微信小程序系统教程[初级阶段],微信小程序0基础学起,讲解微信小程序开发的基础知识. 微信小 ...
视频教程-微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统-微信开发
微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统微信企业号星级会员.10多年软件从业经历,国家级软件项目负责人,主要从事软件研发.软件企业员工技能培训.已经取得计算机技术与软件资格考试 ...
视频教程-微信小程序系统教程python版[3/3阶段]_微信小程序支付-手游开发
微信小程序系统教程python版[3/3阶段]_微信小程序支付微信企业号星级会员.10多年软件从业经历,国家级软件项目负责人,主要从事软件研发.软件企业员工技能培训.已经取得计算机技术与软件资格考试 ...
python爬豆瓣电视剧_python requests库爬取豆瓣电视剧数据并保存到本地详解
首先要做的就是去豆瓣网找对应的接口,这里就不赘述了,谷歌浏览器抓包即可,然后要做的就是分析返回的json数据的结构: https://movie.douban.com/j/search_subject ...
微信小程序修改数组中的元素_微信小程序——this.setData()动态修改数组中的某一值...
微信小程序--this.setData()动态修改数组中的某一值S8v编程技术_踩坑日志_进阶指南_无知人生大家是不是都觉得微信小程序的开发方式和 vue react 这种框架的开发方式很像?S8v ...
微信小程序数据存储与取值
在小程序开发的过程,经常要需要这个页面输入的数据,在下一个页面中进行取值赋值. 比如: 在A页面input输入框,输入电话号码,点击添加.需要在B页面电话区域中,显示刚刚输入的电话号码. 因为这是两个 ...
微信小程序php返回数组,微信小程序数组（增，删，改，查）等操作实例详解...
微信小程序数组(增,删,改,查)等操作最近在做一个小程序的demo.由于不向后台请求数据,所以就涉及到对本地数据的操作,也遇到了一些坑,本文就以数组的增删改查为例,给新手分享一些经验. 首先这是原 ...
微信小程序分析送积分功能如何实现_微信小程序积分商城解决方案（一）
概念微信小程序积分商城的"积分商城"概念,是指的用户访问微信小程序经过授权用户信息或是验证注册的用户加入会员,基于微信APP环境使用微信支付等工具进行交易,推出的一种会员奖励计划 ...
微信小程序分析送积分功能如何实现_微信小程序积分商城系统如何裂变营销购物?...
小程序积分商城系统通过以积分的形式,通过购物返积分,签到领积分等各种方式,让消费者对品牌和产品形成一定认知和信赖,从而提高消费者的购物积极性,提高产品的复购率,通过微信访问.传播.交易一体化的裂变营销 ...

微信小程序如何从数组里取值_微信小程序数据存储与取值详解

微信小程序如何从数组里取值_微信小程序数据存储与取值详解相关推荐

最新文章

热门文章