微信小程序跨页面传值

微信小程序跨页面传值

'''
1. 获取当前页面

var pages = getCurrentPages();

2. //获取上一个页面

var prevPage = pages[pages.length - 2];

3. 更新/赋值上一页面的值,并返回上一页面

getCurrentPages() 与 wx.navigateBack()结合使用
'''

发布页面/pages/publish/publish

1. // /pages/publish/publish.wxml


{{topicTitle}}



2. // pages/publish/publish.js

data: {
topicId: null,
topicTitle: "选择合适的话题",
},

updateTopic: function(item) {
this.setData({
topicId: item.id,
topicTitle: item.title
})
},

话题页面/pages/topic/topic(更新值:topicItem)

1.


# {{item.title}}
关注点 {{item.count}}

2. // pages/topic/topic.js

choseTopic:function(event){
var topicItem = event.currentTarget.dataset['item'];
var pages = getCurrentPages();
var prevPage = pages[pages.length - 2]; //上一个页面
prevPage.updateTopic(topicItem);
wx.navigateBack()
}

示例二:赋值(收货地址选择) --prevPage.setData

1.






{{item.name}} -{{item.phone}}-{{item.detail}}


2. // pages/chooseAddress/chooseAddress.js

data: {
addressList: [],
address: {
name: "",
phone: "",
detail: ""
}
},
radioChange:function(e){
var pages = getCurrentPages();
var prevPage = pages[pages.length - 2]; //上一个页面

var index = e.detail.value;
var address = this.data.addressList[index];
prevPage.setData({
address: address
})
wx.navigateBack();
},

posted @ 2020-03-10 17:27  阿浪阿浪  阅读(1729)  评论(0)    收藏  举报