微信小程序如何實現(xiàn)頁面跳轉(zhuǎn)并傳參

發(fā)布時間：2020-07-20 14:22:25 來源：億速云閱讀：178 作者：小豬欄目：web開發(fā)

這篇文章主要為大家展示了微信小程序如何實現(xiàn)頁面跳轉(zhuǎn)并傳參，內(nèi)容簡而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會有收獲的，下面讓小編帶大家一起來看看吧。

本篇文章主要記錄：保留當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面的。。路由。跳轉(zhuǎn)后的頁面將在標(biāo)題欄左上角帶一個返回按鈕。

wx.navigateTo

wxml：

<view class='float-g' bindtap="onPostClick">
  <i-icon class="post" type="brush_fill" size="30" color="#fff"/>
</view>

在view上綁定了一個方法：onPostClick

JS：

 onPostClick: function (event) {
  //跳轉(zhuǎn)至發(fā)送信息頁面，帶返回按鈕
  wx.navigateTo({
   url: '../groupWriteTalk/groupWriteTalk&#63;project_id=' + this.data.project_id
  })
 },

在跳轉(zhuǎn)后的頁面中的onload方法中：

 /**
  * 生命周期函數(shù)--監(jiān)聽頁面加載
  */
 onLoad: function (options) {
  var that = this;
  that.setData({
   project_id: options.project_id
  })
 },

在參數(shù)options中可以獲得上一頁傳過來的參數(shù)。

返回上一頁的方法：

wx.navigateBack ：關(guān)閉當(dāng)前頁面，返回上一頁面或多級頁面

微信小程序如何實現(xiàn)頁面跳轉(zhuǎn)并傳參

//跳回小組討論列表頁面
wx.navigateBack();

以上就是關(guān)于微信小程序如何實現(xiàn)頁面跳轉(zhuǎn)并傳參的內(nèi)容，如果你們有學(xué)習(xí)到知識或者技能，可以把它分享出去讓更多的人看到。

向AI問一下細節(jié)

微信小程序如何實現(xiàn)頁面跳轉(zhuǎn)并傳參

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽