下面来说说小程序中页面传递参数的几种方式（微信小程序页面传递值）。

本文介绍了小程序中页面传递参数的几种方式，希望对大家有所帮助！

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

这种方式与web中的方式相同。

索引1页

& lt导航器url = & quot/pages/index2/index2名称=一件。& gt第2页

wx . navigate to（{ URL:& quot；/pages/index2/index2名称=一件。}）索引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:& quot；"}，onLoad:function（）{//1跳转到第2页wx . navigate to（{ URL:“/pages/index 2/index 2 & quot；，// 2在成功的回调函数中获取事件通道对象成功:（{ event channel }）=》{//3侦听自定义事件event channel . on（& quot；数据& quot，（e）= & gt；{// 4获取第2页传过来的数据，设置在data this . setdata（{ msg:e . name }）} }）中；}，}）index 2 . js

page（{ onLoad:function（）{//一个事件通道对象consteventchannel = this。getOpenEventChannel（）是通过使用wx.navigatorTo打开的页面采集获得的；//触发事件并将参数传递给event channel . emit（& quot；数据& quot，{ name:& amp；#39;海贼王。});}}）本地存储

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

index1.js

wx . setstoragesync（& amp；#39;数据与信息中心。#39;，{ name:& amp；#39;海贼王。});//可以直接存储任何类型的数据index2.js

wx . getstoragesync（& amp；#39;数据与信息中心。#39;);//获取应用程序全局变量

不同的页面位于一个通用应用程序中，该应用程序可以理解为app.js

app.js

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

应用程序（{ myData:{ name:& quot；悟空& quot } }）index 1 . js

该页面可通过getApp获取。

let app = getApp（）；console . log（app . my data）；当然也可以直接修改。

let app = getApp（）；app . my data . name = & quot；八戒”；公共变量

单独定义一个独立的js文件，并将数据存储在其中。

common.js

const data = { name:& quot；海贼王“}；module.exports = dataindex1.js

const data = require（& quot；../../common&quot);page（{ onLoad:function（）{ console . log（data）；}，}）更多编程知识请访问:编程视频！！

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

• 如何在小程序中实现下拉刷新和上拉加载功能？（附代码）（小程序的上拉加载触发器）
• 如何在小程序中创建页面二维码
• 如何通过applet vant组件将默认样式单元px转换为rpx（Vantui applet）
• 再来说说微信小程序中的生命周期（功能）（请谈谈小程序的生命周期功能？)
• applet中插槽与父子组件通信的几种方式分析（applet的父组件改变子组件的属性）

本文由主机参考刊发，转载请注明：下面来说说小程序中页面传递参数的几种方式（微信小程序页面传递值）。 https://zhujicankao.com/107877.html