如何在微信小程序页面之间传递数据,微信小程序页面跳转传递参数
2019-07-31 08:46:13 来源:沈阳小程序开发 作者:沈阳软件开发
在微信小程序的开发中,我们经常遇到数据传输或页面之间相互影响的问题。在实际开发过程中,可以通过以下方法实现。
目录1,使用全局变量2,使用本地缓存3,父子页面(模板)数据传输4,微信新wx.reLaunch接口可以传递参数1使用全局变量
全局变量实际上定义了一个全局对象,并在每个页面中引入。初始化代码时,小程序将读取app.js文件,我们可以在其中定义所需的全局变量。
使用全局变量全局变量实际上定义了一个全局对象,并在每个页面中引入。初始化代码时,小程序将读取app.js文件,我们可以在其中定义所需的全局变量。
由于app.js用于项目的基本配置,因此不建议在此处添加大量变量。通常,此处配置一些持久常量,建议不要将此方法用于通常需要更改的数量。
2使用本地缓存本地缓存是微信小程序提供的功能,它可以在本地生成用户生成的数据,类似于NoSQL,可以读取和修改。
那么如何使用它与不同页面之间的数据进行交互?假设我们已在A页面上保存了用户的信息。
这样做时,该数据存在于本地。当您需要使用B页时,您可以直接获取数据池中的数据并执行CRUD操作:
需要注意的是,小程序在返回A页面时需要重新读取数据。此时,您可以选择在生命周期的onShow中重新加载数据
3父到子页面(模板)数据传输我们通常在页面之间进行跳转和重定向。此时,我们可以选择在URL中放入一些数据,并在新页面为onLoad时对其进行初始化。
在D页面中,我们可以像这样接收传入的参数:
wx.navigateTo和wx.redirectTo不允许跳转到选项卡中包含的页面,只能使用wx.switchTab跳转。需要注意的是,wx.switchTab中的url无法传递参数。
4微信提供的wx.reLaunch接口可以传入参数。另外,我们通常在页面中使用一些组件模板,因此父亲和孩子之间会有相应的数据传输。使用name属性作为模板的名称。然后使用里面的is属性声明要使用的模板。
然后传入模板所需的数据,例如:
除了变量之外,传入模板也可以是事件方法对象。例如,模板中的单击事件可以传递给使用模板的元素。获取页面对象获取数据操作的方法的本质是获取其他页面的对象原型,然后通过原型方法setData修改当前对象管理的数据,如下例所示:
跳转到下一页F后,假设F中有一个需要修改E中数据的操作,可以使用以下方法:
该方法可以操纵页面堆栈中页面的数据,并可以对后一级页面的上层页面组进行数据管理。摘要在上面的微信小程序中,并且不限于以上几种用于页面之间的数据传输和交互的方式,并且可以在实际应用中组合使用。例如:某些常量可以由app.js管理;需要保留的金额可以在本地保存。
可以通过传入参数来传递与从属页面或模板元素相关的数据。后级页面可以通过获取堆栈中的页面对象来快速修改上级数据。结合实际应用,您可以更好地管理小程序的数据。
以上是如何在微信小程序页面之间传输数据,更多关于微信小程序的其他功能开发,你可以关注这个网站,谢谢。
HiShop小程序工具提供多种类型的商城/商店小程序制作,可视化编辑1秒,在线生成5个步骤。通过拖动和拼接模块布局小程序商城页面,你可以看到你得到的东西,你只需要艺术家来制作一个漂亮的商场。有关更多小程序,请参阅:小程序 store
< 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>
确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。
“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与
我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同
其观点或证实其内容的真实性。
热门文章
使用“扫一扫”即可将网页分享至朋友圈。
上一篇:
如何做跨境出口电子商务小程序
下一篇:很抱歉没有了