当前位置 主页 > 网站技术 > 代码类 >

    微信小程序跨页面传递data数据方法解析

    栏目:代码类 时间:2019-12-13 18:08

    这篇文章主要介绍了微信小程序跨页面传递data数据方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

    Q:小程序怎么把页面data里的数据传到另外的页面? 或者小程序怎么吧表单里的数据传到另外的页面?

    A:1、可以使用url传递数据。
    例如在A页面中传递数据,需要注意的是,wx.switchTab中的url不能传参数。

    wx.navigateTo({
    url:‘../pageB/pageB?name=raymond&gender=male'
    })

    在B页面中接收数据,通过onLoad的option:

    Page({
    onLoad:function(option){
    console.log(option.name+'is'+option.gender);
    this.setData({option:option});
    }
    })

    2、可以使用本地缓存 示例: 在A页面将数据存入, 在B页面中使用wx.setStorageSync获取数据。

    3、可以使用全局比变量保存, 在A页面的时候修改数据, 在B页面的时候可以获取到A页面的数据

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持IIS7站长之家。