Vol.4 微信小程序之参数传递
shadowfish 2021-02-13 微信小程序
项目需要的基本框架基本已经设置完毕,接下来可以添加业务页面执行具体业务逻辑了。
要实现业务逻辑,非常重要的一点就是实现页面跳转时的参数传递。要传递参数,有两种方式:
1.将参数保存为全局变量
2.将参数随URL传递
# 将参数保存为全局变量
如果要存储用户信息这种每个页面都需要共享使用的信息,可以将其存在全局变量中。微信小程序中的全局变量首先需要在app.js
中定义:
App({
globalData:{
user:undefined
},
})
定义完成之后,每个页面需要使用该变量时,只需先引入全局APP
,再直接对其globalData
执行操作即可
const app = getApp();
//写入
app.globalData.user= userData;
//读取
console.log(app.globalData.user)
# 将参数随URL传递
当需要传递某个页面所需的参数时,也可以将参数直接作为URL的一部分进行传递。
wx.navigateTo({
url: '../homeworkFiles/homeworkFiles?id=1&name=yourname',
})
在url最后?
后的字符串都会作为参数被解析。每个参数遵循参数名=参数值
的格式,每个参数定义间用&
分割。
要读取传递的参数,使用被传递页面OnLoad
方法的option
参数即可:
//homeworkFiles.js
onLoad:function(option)
{
console.log(option.id);
console.log(option.name)
}