快捷導(dǎo)航

微信小程序詳解頁(yè)面跳轉(zhuǎn)與返回并回傳數(shù)據(jù)

更新時(shí)間：2017年02月13日 17:06:24 投稿：lqh

這篇文章主要介紹了微信小程序詳解頁(yè)面跳轉(zhuǎn)與返回并回傳數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下

微信小程序詳解頁(yè)面跳轉(zhuǎn)與返回并回傳數(shù)據(jù)

A頁(yè)面：

.wxml文件

<view class="flex-wrp">
    <text style="width: 32%;">選擇城市</text>
    <input style="width: 68%;" type="text" bindtap="city" placeholder="請(qǐng)選擇城市" value="{{cityName}}"/>
   </view>

.js文件

Page({
 data: {
  cityName:"深圳"  #用來(lái)回傳的關(guān)鍵字，默認(rèn)深圳
 },
 city: function(e){
  wx.navigateTo({
    url: '../city/city'
  })
 }

})

A頁(yè)面跳轉(zhuǎn)B頁(yè)面之后返回：

cityNameClick: function (event) {
  var cityName = event.currentTarget.dataset.cityname;
  console.log(cityName);

  var pages = getCurrentPages();
  var currPage = pages[pages.length - 1];  //當(dāng)前頁(yè)面
  var prevPage = pages[pages.length - 2]; //上一個(gè)頁(yè)面

  //直接調(diào)用上一個(gè)頁(yè)面的setData()方法，把數(shù)據(jù)存到上一個(gè)頁(yè)面中去
  prevPage.setData({
   cityName: cityName
  })

  wx.navigateBack();
 },

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章:

相關(guān)文章

詳解使用yeoman打造自己的項(xiàng)目腳手架
這篇文章主要為大家介紹了使用yeoman打造自己的項(xiàng)目腳手架實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
JS實(shí)用技巧實(shí)現(xiàn)loading加載示例詳解
這篇文章主要為大家介紹了JS實(shí)用技巧實(shí)現(xiàn)loading加載示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
前端的狀態(tài)管理（上）
這篇文章主要講解前端的狀態(tài)管理，狀態(tài)管理李娜就想到：Vuex、Redux、Flux、Mobx等等方案，不論哪種方案只要內(nèi)容一多起來(lái)似乎都是令人頭疼的問(wèn)題，今天來(lái)聊一聊前端的狀態(tài)管理，感興趣的小伙伴可以參考參考下面文字具體內(nèi)容
2021-10-10
載入進(jìn)度條效果
載入進(jìn)度條效果...
2006-07-07
js中閉包結(jié)合遞歸等于柯里化原理解析
這篇文章主要為大家介紹了閉包結(jié)合遞歸等于柯里化的原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
微信小程序 action-sheet詳解及實(shí)例代碼
這篇文章主要介紹了微信小程序 action-sheet詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2016-11-11
JavaScript 中的文檔對(duì)象模型 DOM
DOM，即文檔對(duì)象模型，前端開發(fā)工程師必學(xué)的基礎(chǔ)知識(shí)，在本文將介紹如何在 HTML 文檔中選擇元素、如何創(chuàng)建元素、如何更改內(nèi)聯(lián) CSS 樣式以及如何監(jiān)聽事件,需要的朋友可以參考一下
2021-10-10
JS前端輕量fabric.js系列物體基類
這篇文章主要為大家介紹了實(shí)現(xiàn)JS前端輕量fabric.js系列物體基類示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
Servlet3.0與純javascript通過(guò)Ajax交互的實(shí)例詳解
Servlet與純javascript通過(guò)Ajax交互,對(duì)于很多人來(lái)說(shuō)應(yīng)該很簡(jiǎn)單。不過(guò)還是寫寫，方便Ajax學(xué)習(xí)的后來(lái)者
2018-03-03
微信小程序教程之本地圖片上傳(leancloud)實(shí)例詳解
這篇文章主要介紹了微信小程序教程之本地圖片上傳(leancloud)實(shí)例詳解的相關(guān)資料,這里舉例說(shuō)明該如何實(shí)現(xiàn)和實(shí)例代碼，文章一一表述，需要的朋友可以參考下
2016-11-11