微信小程序页面间数据传输

最新推荐文章于 2023-10-09 09:44:37 发布

在校秃头读书人

最新推荐文章于 2023-10-09 09:44:37 发布

阅读量496

点赞数 1

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/qq_51632935/article/details/126109729

版权

本文详述了如何在微信小程序中实现从index页面到home页面的数据传输，通过实例展示了index.wxml和index.js中用户信息的处理，以及home.wxml和home.js接收数据的方法。

摘要由CSDN通过智能技术生成

记录一下两个页面之间数据的传输。

要将index里的用户信息数据传给home页面。

index.wxml:

<text class="clickload" bindtap="loadByWechat">点击登录</text>

index.js

//在index.js的data中声明两个变量用于存放昵称和头像图片的路径
nickName:"",
avatarUrl:"",

//在这个生命周期中将获得到的数据存入缓存和data的变量中
onShow(){
    let userInfo = wx.getStorageSync('userInfo')
    console.log("我的缓存信息",userInfo);
    if(userInfo){
      this.setData({
        loginOk:true,
        nickName:userInfo.nickName,   //从缓存中拿数据
        avatarUrl:userInfo.avatarUrl
      })
    }else{
      this.setData({
        loginOk:false
      })
    }
  },


//绑定到按钮上，点击按钮即可授权登录
//通过路由传参将data里的数据传递给下一个页面
  loadByWechat(){
    wx.getUserProfile({
      desc: '授权登录',
    })
    .then(res=>{
    // console.log("用户允许了微信授权登录!",res.userInfo);
    //注意：此时不能使用 wx.switchTab，不支持参数传递