溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

微信小程序如何實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)與返回并回傳數(shù)據(jù)的方法

發(fā)布時(shí)間：2021-07-02 14:49:56 來(lái)源：億速云 閱讀：249 作者：小新 欄目：web開(kāi)發(fā)

小編給大家分享一下微信小程序如何實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)與返回并回傳數(shù)據(jù)的方法，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

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

A頁(yè)面：

.wxml文件

<view class="flex-wrp">
    <text >選擇城市</text>
    <input  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ì)“微信小程序如何實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)與返回并回傳數(shù)據(jù)的方法”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手