小程序页面之间的传值

376 阅读1分钟

今日大雨,在雨声中醒来,有点小美好。 突然有种当年写qq空间的感觉,只不过空间的文章突然有一天就戛然而止了,落了点灰之后,就尘封了。

哈哈,言归正传,今天来总结一下小程序页面之间的传值方式。

1、url传值

这种传值方式最常用,比较适合值比较少的时候使用。
//传值
wx.navigateTo({
    url:'../orderList/orderList?cid='+cid+'&md5code'+ md5code;
})
//接收
onLoad:function(options){
    console.log('cid=' + options.cid)
    console.log('md5code=' + options.md5code)
}

2、本地缓存

这种传值方式适用于传值比较多的时候使用。
小程序默认本地缓存10M的数据;
API:
wx.setStorage({key:'city'})
wx.getStorage(key)获取数据

3、全局app

在app.js中设置全局变量,在使用变量的页面引入调用。

App({
    // 全局变量
    globalData{
        colorCode:'blue',
        version:'3'
    }
})

// 使用
// 在使用的页面中引入app.js来定义全局变量
const app = getApp();
let colorCode = app.globalData.colorCode;