微信小程序 详解页面跳转与返回并回传数据
时间:2021-01-07 11:27:42|栏目:JavaScript代码|点击: 次
微信小程序 详解页面跳转与返回并回传数据
A页面:
.wxml文件
<view class="flex-wrp">
<text style="width: 32%;">选择城市</text>
<input style="width: 68%;" type="text" bindtap="city" placeholder="请选择城市" value="{{cityName}}"/>
</view>
.js文件
Page({
data: {
cityName:"深圳" #用来回传的关键字,默认深圳
},
city: function(e){
wx.navigateTo({
url: '../city/city'
})
}
})
A页面跳转B页面之后返回:
cityNameClick: function (event) {
var cityName = event.currentTarget.dataset.cityname;
console.log(cityName);
var pages = getCurrentPages();
var currPage = pages[pages.length - 1]; //当前页面
var prevPage = pages[pages.length - 2]; //上一个页面
//直接调用上一个页面的setData()方法,把数据存到上一个页面中去
prevPage.setData({
cityName: cityName
})
wx.navigateBack();
},
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
上一篇:Javascript中内建函数reduce的应用详解
栏 目:JavaScript代码
下一篇:微信小程序使用slider设置数据值及switch开关组件功能【附源码下载】
本文标题:微信小程序 详解页面跳转与返回并回传数据
本文地址:http://www.codeinn.net/misctech/41876.html






