shadowfish和他的代码

vuePress-theme-reco shadowfish    2020 - 2023
shadowfish和他的代码

Choose mode

  • dark
  • auto
  • light
时间轴

shadowfish

49

Article

42

Tag

时间轴

Vol.4 微信小程序之参数传递

vuePress-theme-reco shadowfish    2020 - 2023

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)
  }