快捷導(dǎo)航

微信小程序詳解頁面跳轉(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)文章

VSCode多行注釋插件KoroFileHeader使用示例
這篇文章主要為大家介紹了VSCode多行注釋插件KoroFileHeader使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
ECMAScript?modules規(guī)范示例詳解
這篇文章主要為大家介紹了ECMAScript?modules規(guī)范示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-11-11
微信小程序 form組件詳解
這篇文章主要介紹了微信小程序 form組件詳解的相關(guān)資料,需要的朋友可以參考下
2016-10-10
JavaScript復(fù)原何同學(xué)B站頭圖細(xì)節(jié)示例詳解
這篇文章主要為大家介紹了JavaScript復(fù)原何同學(xué)B站頭圖細(xì)節(jié)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
可輸入的下拉框
可輸入的下拉框...
2006-06-06
JavaScript中isPrototypeOf函數(shù)
這篇文章主要介紹了JavaScript中isPrototypeOf函數(shù)，isPrototypeOf() 是 Object函數(shù)（類）的下的一個方法，用于判斷當(dāng)前對象是否為另外一個對象的原型，如果是就返回 true，否則就返回 false，下面來看看詳細(xì)內(nèi)容,需要的朋友可以參考一下
2021-11-11
微信小程序開發(fā)之滑塊視圖容器(swiper)詳解及實(shí)例代碼
這篇文章主要介紹了微信小程序開發(fā)之滑塊視圖容器(swiper)詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2017-02-02
微信小程序（十四）button組件詳細(xì)介紹
這篇文章主要介紹了微信小程序button組件詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下
2016-09-09
electron?中?webview的使用示例解析
這篇文章主要為大家介紹了electron?中?webview的使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-02-02
微信小程序封裝http訪問網(wǎng)絡(luò)庫實(shí)例代碼
這篇文章主要介紹了微信小程序封裝http訪問網(wǎng)絡(luò)庫實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2017-05-05