微信小程序 詳解頁面跳轉(zhuǎn)與返回并回傳數(shù)據(jù)
更新時(shí)間: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]; //上一個(gè)頁面 //直接調(diào)用上一個(gè)頁面的setData()方法,把數(shù)據(jù)存到上一個(gè)頁面中去 prevPage.setData({ cityName: cityName }) wx.navigateBack(); },
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
您可能感興趣的文章:
- 微信小程序 頁面跳轉(zhuǎn)傳參詳解
- 微信小程序 頁面跳轉(zhuǎn)和數(shù)據(jù)傳遞實(shí)例詳解
- 微信小程序?qū)崿F(xiàn)點(diǎn)擊文字頁面跳轉(zhuǎn)功能【附源碼下載】
- 微信小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)傳值以及獲取值的方法分析
- 微信小程序 頁面跳轉(zhuǎn)傳遞值幾種方法詳解
- 微信小程序 頁面跳轉(zhuǎn)事件綁定的實(shí)例詳解
- 詳解微信小程序 頁面跳轉(zhuǎn) 傳遞參數(shù)
- 微信小程序 頁面跳轉(zhuǎn)如何實(shí)現(xiàn)傳值
- 微信小程序常見頁面跳轉(zhuǎn)操作簡單示例
- 微信小程序之五種頁面跳轉(zhuǎn)方法小結(jié)
相關(guān)文章
JS實(shí)用技巧實(shí)現(xiàn)loading加載示例詳解
這篇文章主要為大家介紹了JS實(shí)用技巧實(shí)現(xiàn)loading加載示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03微信小程序 action-sheet詳解及實(shí)例代碼
這篇文章主要介紹了微信小程序 action-sheet詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-11-11Servlet3.0與純javascript通過Ajax交互的實(shí)例詳解
Servlet與純javascript通過Ajax交互,對于很多人來說應(yīng)該很簡單。不過還是寫寫,方便Ajax學(xué)習(xí)的后來者2018-03-03微信小程序教程之本地圖片上傳(leancloud)實(shí)例詳解
這篇文章主要介紹了微信小程序教程之本地圖片上傳(leancloud)實(shí)例詳解的相關(guān)資料,這里舉例說明該如何實(shí)現(xiàn)和實(shí)例代碼,文章一一表述,需要的朋友可以參考下2016-11-11