微信小程序传参方式

1.通过app.js进行传参

App({

  /**
   * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
   */
  onLaunch: function () {
    
  },

  /**
   * 当小程序启动,或从后台进入前台显示,会触发 onShow
   */
  onShow: function (options) {
    
  },

  /**
   * 当小程序从前台进入后台,会触发 onHide
   */
  onHide: function () {
    
  },

  /**
   * 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
   */
  onError: function (msg) {
    
  },
   globalData: {
    userInfo: null
  }
})

引入页面使用

//获取应用实例
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(app.globalData.userInfo)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
})

2.路由进行传参

  //少数参数进行传递
  let id='222',name='张三';
   wx.navigateTo({
        url: '/page/text/test?id=' +id+'&name='+name
    })
  //在page/test/text页面  
   onLoad: function(options) {
    console.log(options) //{id:'222',name:'张三'}
  },
  
  //对象传递
  let obj={
   name:'lis',
   age:18
  }
   let parmsobj=JSON.stringify(obj)
   let urlobj=encodeURIComponent(parmsobj) //参数避免有特殊字符例如 ? &之类
   wx.navigateTo({
        url: '/page/test/text?urlobj=' urlobj
    })
      //在page/test/text页面  
   onLoad: function(options) {
    let urlobj=decodeURIComponent(options.urlobj)
    let parmsobj=JSON.parse(obj)
    console.log(parmsobj) //  {name:'lis',age:18}
  },
 

3.利用内存进行页面传递

wx.setStorage({  //同步存储
  key:"key",
  data:"value"
})

wx.setStorageSync('key', 'value')//异步步存储

wx.getStorage({  //同步获取存储值
  key: 'key',
  success (res) {
    console.log(res)
  }
})
var value = wx.getStorageSync('key') //异步获取存储值

参照微信开发档案:微信开发文档

4.全局进行传递

后续进行中…

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

web修理工

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值