微信小程序 詳解頁面跳轉與返回并回傳數據
更新時間：2017年02月13日 17:06:24 投稿：lqh
這篇文章主要介紹了微信小程序 詳解頁面跳轉與返回并回傳數據的相關資料,需要的朋友可以參考下
微信小程序 詳解頁面跳轉與返回并回傳數據
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();
},
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
VSCode多行注釋插件KoroFileHeader使用示例
這篇文章主要為大家介紹了VSCode多行注釋插件KoroFileHeader使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
這篇文章主要為大家介紹了ECMAScript?modules規(guī)范示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
這篇文章主要介紹了微信小程序 form組件詳解的相關資料,需要的朋友可以參考下2016-10-10
JavaScript復原何同學B站頭圖細節(jié)示例詳解
這篇文章主要為大家介紹了JavaScript復原何同學B站頭圖細節(jié)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
可輸入的下拉框...2006-06-06
這篇文章主要介紹了JavaScript中isPrototypeOf函數，isPrototypeOf() 是 Object函數（類）的下的一個方法，用于判斷當前對象是否為另外一個對象的原型，如果是就返回 true，否則就返回 false，下面來看看詳細內容,需要的朋友可以參考一下2021-11-11
微信小程序 開發(fā)之滑塊視圖容器(swiper)詳解及實例代碼
這篇文章主要介紹了微信小程序 開發(fā)之滑塊視圖容器(swiper)詳解及實例代碼的相關資料,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了 微信小程序button組件詳細介紹的相關資料,需要的朋友可以參考下2016-09-09
這篇文章主要為大家介紹了electron?中?webview的使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
這篇文章主要介紹了微信小程序封裝http訪問網絡庫實例代碼的相關資料,需要的朋友可以參考下2017-05-05