小程序模板网

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

2021-06-17 赤支毸

页面之间传值有三种方式

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;


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/26537.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询