微信小程式開發(二):頁面跳轉並傳參操作示例
阿新 • • 發佈:2020-06-02
本文例項講述了微信小程式頁面跳轉並傳參操作。分享給大家供大家參考,具體如下:
本篇文章主要記錄:保留當前頁面,跳轉到應用內的某個頁面的。。路由。跳轉後的頁面將在標題欄左上角帶一個返回按鈕。
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();
希望本文所述對大家微信小程式設計有所幫助。