微信小程序 詳解頁面跳轉(zhuǎn)與返回并回傳數(shù)據(jù)
更新時間：2017年02月13日 17:06:24 投稿：lqh
這篇文章主要介紹了微信小程序 詳解頁面跳轉(zhuǎn)與返回并回傳數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下
微信小程序 詳解頁面跳轉(zhuǎn)與返回并回傳數(shù)據(jù)
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:"深圳" #用來回傳的關(guān)鍵字，默認(rèn)深圳
},
city: function(e){
wx.navigateTo({
url: '../city/city'
})
}
})
A頁面跳轉(zhuǎn)B頁面之后返回：
cityNameClick: function (event) {
var cityName = event.currentTarget.dataset.cityname;
console.log(cityName);
var pages = getCurrentPages();
var currPage = pages[pages.length - 1]; //當(dāng)前頁面
var prevPage = pages[pages.length - 2]; //上一個頁面
//直接調(diào)用上一個頁面的setData()方法，把數(shù)據(jù)存到上一個頁面中去
prevPage.setData({
cityName: cityName
})
wx.navigateBack();
},
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家介紹了使用yeoman打造自己的項目腳手架實現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
這篇文章主要為大家介紹了JS實用技巧實現(xiàn)loading加載示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
這篇文章主要講解前端的狀態(tài)管理，狀態(tài)管理李娜就想到：Vuex、Redux、Flux、Mobx等等方案，不論哪種方案只要內(nèi)容一多起來似乎都是令人頭疼的問題，今天來聊一聊前端的狀態(tài)管理，感興趣的小伙伴可以參考參考下面文字具體內(nèi)容2021-10-10
載入進(jìn)度條 效果...2006-07-07
這篇文章主要為大家介紹了閉包結(jié)合遞歸等于柯里化的原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要介紹了微信小程序 action-sheet詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下2016-11-11
DOM，即文檔對象模型，前端開發(fā)工程師必學(xué)的基礎(chǔ)知識，在本文將介紹如何在 HTML 文檔中選擇元素、如何創(chuàng)建元素、如何更改內(nèi)聯(lián) CSS 樣式以及如何監(jiān)聽事件,需要的朋友可以參考一下2021-10-10
這篇文章主要為大家介紹了實現(xiàn)JS前端輕量fabric.js系列物體基類示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
Servlet3.0與純javascript通過Ajax交互的實例詳解
Servlet與純javascript通過Ajax交互,對于很多人來說應(yīng)該很簡單。不過還是寫寫，方便Ajax學(xué)習(xí)的后來者2018-03-03
這篇文章主要介紹了微信小程序教程之本地圖片上傳(leancloud)實例詳解的相關(guān)資料,這里舉例說明該如何實現(xiàn)和實例代碼，文章一一表述，需要的朋友可以參考下2016-11-11