微信小程序获取页面参数
时间: 2023-11-16 19:06:28 浏览: 121
微信小程序可以通过以下两种方式获取页面参数:
1. 使用页面跳转API(例如`wx.navigateTo`、`wx.redirectTo`等),在跳转时携带参数,在目标页面的`onLoad`生命周期函数中获取参数。
例如,在 A 页面中跳转到 B 页面并传递参数:
```
wx.navigateTo({
url: '/pages/b/b?id=123&name=张三'
})
```
在 B 页面的`onLoad`生命周期函数中获取参数:
```
onLoad: function (options) {
console.log(options.id) // 输出 123
console.log(options.name) // 输出 张三
}
```
2. 使用全局数据存储(例如`getApp().globalData`),在源页面设置数据,在目标页面中获取数据。
例如,在 A 页面中设置数据:
```
getApp().globalData.id = 123
getApp().globalData.name = '张三'
```
在 B 页面中获取数据:
```
var id = getApp().globalData.id
var name = getApp().globalData.name
console.log(id) // 输出 123
console.log(name) // 输出 张三
```
需要注意的是,使用全局数据存储可能会存在数据冲突或泄露的风险,建议谨慎使用。
相关问题
微信小程序获取url参数
微信小程序获取URL参数的方法如下:
1. 使用wx.getLaunchOptionsSync()方法获取小程序的启动参数,可以获取到query属性中的参数值。
2. 使用wx.navigateTo或wx.redirectTo方法跳转页面时,可以在url后面带上参数,如:"/pages/index/index?name=xxx&age=18",然后在跳转到目标页面时,可以使用options对象获取参数值。
3. 在小程序中使用wx.getStorageSync或wx.getStorage方法存储数据,在获取数据时可以设置一个key值,在获取数据时传入该key值获取相应的数据。
微信小程序获取page方法data参数
在微信小程序中,可以通过以下方式获取page中的data参数:
1. 在page的js文件中,使用this.data来获取当前页面的data参数,例如:
```
Page({
data: {
message: 'Hello World!'
},
onLoad: function () {
console.log(this.data.message) // 输出:Hello World!
}
})
```
2. 在wxml文件中,使用{{}}表达式来绑定data参数,例如:
```
<view>{{message}}</view>
```
这样就可以在页面上显示data中的message参数。
3. 在page的js文件中,使用setData方法来更新data参数,例如:
```
Page({
data: {
message: 'Hello World!'
},
onLoad: function () {
this.setData({
message: 'Hello ChitChat!'
})
}
})
```
这样就可以在页面加载完成后,通过setData方法更新data中的message参数。
阅读全文