1. 程式人生 > 程式設計 >微信小程式開發(二):頁面跳轉並傳參操作示例

微信小程式開發(二):頁面跳轉並傳參操作示例

本文例項講述了微信小程式頁面跳轉並傳參操作。分享給大家供大家參考,具體如下:

本篇文章主要記錄:保留當前頁面,跳轉到應用內的某個頁面的。。路由。跳轉後的頁面將在標題欄左上角帶一個返回按鈕。

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) {
  //跳轉至傳送資訊頁面,帶返回按鈕
  wx.navigateTo({
   url: '../groupWriteTalk/groupWriteTalk?project_id=' + this.data.project_id
  })
 },

在跳轉後的頁面中的onload方法中:

 /**
  * 生命週期函式--監聽頁面載入
  */
 onLoad: function (options) {
  var that = this;
  that.setData({
   project_id: options.project_id
  })
 },

在引數options中可以獲得上一頁傳過來的引數。

返回上一頁的方法:

wx.navigateBack :關閉當前頁面,返回上一頁面或多級頁面

微信小程式開發(二):頁面跳轉並傳參操作示例

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

希望本文所述對大家微信小程式設計有所幫助。