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

本站: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 } } : {// 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://本站.com/76635.html

推荐站内搜索:域名查下、备案域名查询、免备案jsp空间、cpanel空间、买域名、虚拟空间购买、云服务器vps、in域名、免费代理ip、ip查看、