微信小程序之页面之间传递值

页面之间传值有三种方式

1、url传值

2、本地存储传值

3、全局变量传值

1.url传值:

 通过url传值的需要通过option来获取参数值。

 更多详情可以访问小程序-navigateTo章节。

 A页面:

wx.navigateTo({
  url: ‘test?id=1‘
})

B页面:

Page({
  data:{
    id:‘‘,
  },
  onLoad: function(option){
    this.setData({
      id:option.id
    })
  }
})

2.本地存储:

关于缓存,可以先访问小程序-数据缓存稍作了解。

A页面:

wx.setStorageSync(‘username‘, ‘ddd‘)

B页面:

Page({
  data:{
    username:‘‘,
  },
  onLoad: function(){
   var username = wx.getStorageSync(‘username‘)
   this.setData({
       username: username
    })
  }
})

3.全局的app对象

关于app对象,可以访问小程序-注册程序了解相关信息。

app.js页面:

 globalData: {
    content:‘‘

  }

A页面:

var app = getApp();
app.content=‘ddd‘;

B页面:

var app = getApp();
var content = app.content;

 

微信小程序之页面之间传递值

上一篇:微信公众号之唤起微信支付


下一篇:小程序做一个能够左右滑动切换的多tab页面