（小程序）页面间传值方法总结

第三篇技术文档

实验项目：QQ小程序

获取到别的页面的数据（几种方法）

（1） 正向传值

• 使用API：wx.navigateTo()传值：

上一页面：

wx.navigateTo({
url: ‘url?activity_id=?’
})

下一页面：

onLoad: function (options) {
let that = this;
console.log(options);
that.setData({
activity_id: options.actid
});
}

• 本地缓存

上一页面：

wx.setStorageSync(‘test’, ‘mytest’)；

下一页面：

onLoad: function(){
var test= wx.getStorageSync(‘test’)
this.setData({
test: test
})
}

参考：微信开发者文档

• 使用全局对象

上一页面：

var app = getApp();
app.test=‘name’;

下一页面：

var app = getApp();
var test= app.test;

（2）反向传值

• 本地缓存

下一页面：

wx.setStorageSync(‘test’, ‘mytest’);
wx.navigateBack();

上一页面：

onLoad: function(){
let test= wx.getStorageSync(‘test’)
this.setData({
test: test
})
}

• 全局对象

下一页面：

var app = getApp();
app.test=‘mytest’;

上一页面：

onLoad: function(){
var test= app.test;
this.setData({
test: test
})
}

• 在当前页通过获取前一个 page 实例，再赋值

var pages = getCurrentPages();
var currPage = pages[pages.length - 1]; //当前页面
var prevPage = pages[pages.length - 2]; //上一个页面
//直接调用上一个页面的 setData() 方法，把数据存到上一个页面中去
prevPage.setData({
test:mytest
})

在QQ小程序的项目中，我们基本上在页面间传值时用了以上这些方法。各有各的优点，遵循哪种方便用哪种。