欢迎光临,了解微信小程序开发,就上易用通!

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

发布:2021-06-17 10:12浏览: 来源:网络 作者:admin

页面之间传值有三种方式

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;




免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。