本篇文章给大家介绍一下小程序中的几种页面传参方式，希望对大家有所帮助！
小程序中页面传参的方式
url传参
方式和web中的方式一致。
index1 页面
或者
index2 页面
1
2
3
onLoad: function (options) {
console.log(options);// { name : 海贼王}
},
事件通道 EventChannel
如果一个页面由另一个页面通过 wx.navigateTo打开，这两个源码搭建wcqh.cn页面间将建立一条数据通道：
被打开的页面可以通过 this.getOpenerEventChannel() 方法来获得一个 EventChannel 对象；wx.navigateTo 的 success源码搭建wcqh.cn 回调中也包含一个 EventChannel 对象。这两个 EventChannel 对象间可以使用 emit 和 on 方法相互发送、监听事件。
index1.wxml
index1.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Page({
data: {
msg: “”
},
onLoad: fu源码搭建wcqh.cnnction () {
// 1 跳转到页面2
wx.navigateTo({
url: “/pages/index2/index2”,
// 2 在成功的回调函数中获取事件通道对象
success: ({ e源码搭建wcqh.cnventChannel }) => {
// 3 监听自定义事件
eventChannel.on(“data”, (e) => {
// 4 获取页面2传递过来的数据 设置到 data中
this.setDa源码搭建wcqh.cnta({
msg: e.name
})
})
}
});
},
})
index2.js
1
2
3
4
5
6
7
8
Page({
onLoad: function () {
// 被使用 wx.navigatorTo打开的源码搭建wcqh.cn页面获取获取到一个事件通道对象
const EventChannel = this.getOpenerEventChannel();
// 触发事件和传递参数到 页面1中
EventChannel.emit源码搭建wcqh.cn(“data”, { name: '海贼王' });
}
})
本地存储
小程序中的本地存储用法类似web中，可以实现在整个应用中获取数据和存储数据
index1.js
index2.js
应用全局变量
不同的页面都是处于一个共同的应用当中的，这个应用可以理解为 app.js
app.js
在这里可以定义公共数据
index1.js
页面中可以通过 getApp 来获取
1
2
let app = getApp();
console.log(app.myData);
当然也可源码搭建wcqh.cn以直接修改
1
2
let app = getApp();
app.myData.name=”八戒”;
公共变量
单独定义一个独立的js文件，把数据存储进去，即可
common.js
index1.js
1
2
3
4
5
6
const data = require(“../../common”);源码搭建wcqh.cn
Page({
onLoad: function () {
console.log(data);
},
})
更多编程相关知识，请访问：编程视频！！
以上就是带大家聊聊小程序中的几种页面传参方式的详细内容源码搭建wcqh.cn，更多请关注php中文网其它相关文章！
会员专属
暂无评论内容