VPS参考测评推荐
专注分享VPS主机优惠信息
hostkvm优惠促销活动
zji优惠促销活动
衡天云优惠活动
亚马逊云aws.amazon.com最新优惠活动

下面说说小程序中页面传输的几种方式(小程序传输)。

locvps
主机参考:VPS参考测评推荐,专注分享VPS主机优惠信息!若您是商家也可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
部分文章发布时间较久远,可能存在未知因素,购买时建议在本站搜索商家名称,可查看相关文章充分了解商家!若非中文页面可使用谷歌浏览器同步翻译!PayPal代付/收录合作

本文介绍了小程序中页面传输的几种方式,希望对你有所帮助!

下面说说小程序中页面传输的几种方式(小程序传输)。

applet url参数传递中的页面参数传递方法

方式与web中的方式一致。

1个索引1页

lt导航器url = /pages/索引2/索引2?Name = One Piece " gt第2页或者

wx . navigate to({ URL: ;/pages/索引2/索引2?Name= One Piece " })索引2页

onLoad:function(options){ console . log(options);// {name: One Piece}},事件频道事件频道

如果一个页面被另一个页面通过wx.navigateTo打开,两个页面之间将建立一个数据通道:

打开的页面可以通过this.getOpenerEventChannel()方法获取EventChannel对象;wx.navigateTo的成功回调也包含一个EventChannel对象。两个EventChannel对象可以使用emit和on方法相互发送和监视事件。

index1.wxml

lt视图 gt从第2页传递的数据:{ { msg } } </view gt;index1.js

page({ data:{ msg: ;"}、onLoad: function () {// 1跳转到第2页wx . navigate to({ URL:"/pages/index 2/index 2 ;,// 2在成功回调函数中获取事件通道对象成功:({eventchannel}) = >: {// 3监听自定义事件event channel . on( ;数据 ,(e)= gt;{// 4获取第2页传过来的数据,设置为data中的this . setdata({ msg:e . name })});},})索引2.js

Page({ onLoad: function () {//使用wx.navigatorTo打开的页面获取一个事件通道对象consteventchannel = this . getopenereventchannel();//触发事件并将参数传递给event channel . emit( ;)第1页数据 ,{姓名: # 39;海贼王 # 39;});}})本地存储

applet中的本地存储使用类似于web中的本地存储使用,它可以用于获取和存储整个应用程序中的数据。

index1.js

wx . setstoragesync( # 39;数据 # 39;,{姓名: # 39;海贼王 # 39;});//可以直接存储任何类型的数据index2.js

wx . getstoragesync( # 39;数据 # 39;);//获取应用程序全局变量

不同的页面在一个通用的应用程序中,可以理解为app.js

app.js

公共数据可以在这里定义。

应用({ my data:{ name: ;悟空" }})index1.js

可以通过getApp获取页面。

let app = getApp();console . log(app . my data);当然也可以直接修改。

let app = getApp();app . my data . name = ;八戒”;公共变量

定义一个单独的js文件并存储数据。

common.js

const data = { name: ;海贼王" };module.exports = dataindex1.js

const data = require( ;../../common ;);page({ onLoad:function(){ console . log(data));},})更多编程相关知识请访问:编程视频!!以上就是带大家来说说小程序中页面传输的几种方式的细节。请多关注主机参考其他相关文章!

这几篇文章你可能也喜欢:

  • 暂无相关推荐文章

本文由主机参考刊发,转载请注明:下面说说小程序中页面传输的几种方式(小程序传输)。 https://zhujicankao.com/76635.html

【腾讯云】爆款2核2G云服务器首年40元,企业首购最高获赠300元京东卡
打赏
转载请注明原文链接:主机参考 » 下面说说小程序中页面传输的几种方式(小程序传输)。
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!