美文网首页
微信小程序向上级页面传递数据的三种方式

微信小程序向上级页面传递数据的三种方式

作者: 七彩霞光_d533 | 来源:发表于2019-01-16 21:50 被阅读0次
1 getCurrentPages

获取当前页面路由栈的信息 例:当从A页面跳转到B页面 ,然后B页面修改A页面foo 对应的值
B 页面

let pages = getCurrentPages();   
    let prevPage = pages[pages.length - 2];     //-2为上一级页面  
    prevPage.setData({
      foo: '2'           //foo为A页面中的数据
    })
    wx.navigateBack({
      delta: 1          // delta: 1返回上一级(A 页面)    delta: 2返回上两级
    })

A 页面 此处注意要在onshow 函数中调用

data:{
    foo: '1'      //初始化的值
}

onShow () {         
    console.log(this.data.foo)     //输出  2
}
2 利用全局变量

app.js

App({

data:{
    foo: 1
  }

})

A 页面

 let app = getApp();
 app.data.foo = 2;

B 页面

let app = getApp();
console.log(app.data.foo)     //输出 2
3 localstorage
A页面  
wx.setStorageSync('foo', '1');

B页面 
let foo= wx.getStorageSync('foo')
console.log(foo)      //输出 1

相关文章

网友评论

      本文标题:微信小程序向上级页面传递数据的三种方式

      本文链接:https://www.haomeiwen.com/subject/qhuvdqtx.html