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