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

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

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