微信小程序页面之间的传递参数全部方法

微信小程序页面之间的传递参数

页面与页面的之间的传递参数,可分为如下方法:

  • ·.最基本的路径传递参数,使用navigator的url带参传值
  • 2.通过页面栈进行修改页面的 data
  • 3.通过 globalData全局对象值传递
  • 4.通过数据缓存

路径地址传递参数

通过视图的使用navigator的url带参传值

<navigator url="/pages/good/good?id=10">查看产品信息</navigator>

wx.navigateTo({
    url:"/pages/good/good?id=10"
})

页面 good/good 可以通过 onLoad 方法的参数 options 获取信息

 onLoad: function (options) {
    console.log('good onload',options.id);
  },

页面栈传递值

利用 getCurrentPages 进行页面传值 ,getCurrentPages()获取当前页面栈。数组中第一个元素为首页,最后一个元素为当前页面

bindPickerChange: function (e) {
    let pages = getCurrentPages();
    let currPage = null; //当前页面
    let prevPage = null; //上一个页面

    if (pages.length >= 2) {
      currPage = pages[pages.length - 1]; //最后一个元素为当前页面。
      prevPage = pages[pages.length - 2]; //上一个页面
    }
    if (prevPage) {
      //给pageA页面赋值
      prevPage.setData({
        id: 10
      });
    }
    //给当前页面赋值
    this.setData({
      id: 11
    })
  },

通过 globalData全局对象值传递

页面获取app方法通过getApp()

const app=getApp();
//设置
 app.globalData.id=10;
 //获取
 id=app.globalData.id;

数据缓存

使用方法 wx.setStorage 设置缓存数据,使用 wx.getStorage(Object object) 获得缓存

评论区 (0)

没有记录
支持 markdown,图片截图粘贴拖拽都可以自动上传。
黑白课堂

黑白课堂 · 技术专家

专业PHP开发

年度VIP 站长创业者玉树凌风每天醒来0收入
查看更多

最新视频课程

钻级赞助商