微信小程序之页面之间传递值

时间:2024-01-18 10:23:08

页面之间传值有三种方式

1、url传值

2、本地存储传值

3、全局变量传值

1.url传值:

通过url传值的需要通过option来获取参数值。

更多详情可以访问小程序-navigateTo章节。

A页面:

wx.navigateTo({
url: 'test?id=1'
})

B页面:

Page({
data:{
id:'',
},
onLoad: function(option){
this.setData({
id:option.id
})
}
})

2.本地存储:

关于缓存,可以先访问小程序-数据缓存稍作了解。

A页面:

wx.setStorageSync('username', 'ddd')

B页面:

Page({
data:{
username:'',
},
onLoad: function(){
var username = wx.getStorageSync('username')
this.setData({
username: username
})
}
})

3.全局的app对象

关于app对象,可以访问小程序-注册程序了解相关信息。

app.js页面:

 globalData: {
content:'' }

A页面:

var app = getApp();
app.content='ddd';

B页面:

var app = getApp();
var content = app.content;