1. 程式人生 > >如何簡單的讓小程式的分享頁擁有返回按鈕

如何簡單的讓小程式的分享頁擁有返回按鈕

通常小程式的分享頁面被再次開啟的時候是這樣的
這裡寫圖片描述
而正常的頁面左上角是有返回上一步的返回按鈕的
這裡寫圖片描述

然而如何在小程式的分享頁擁有返回按鈕呢???

看到網上有一個思想 拿來借用一下
先進入首頁的流程,再跳轉進入對應的分享頁面,這樣進入分享頁之後左上角就會有回到主頁的返回按鈕,相比於讓使用者熟悉小程式的回首頁互動,這樣更為合理.

下面來寫下具體的實現步驟
要分享的頁面positionDetail.js

onShareAppMessage: function () {
    let positionId = this.data.positionId
    return {
        title: dataMsg.title,
        path: 'pages/index/index?positionId='
+ positionId // 當開啟分享連結的時候跳轉到小程式首頁,並設定引數positionId } },

小程式首頁index.js

onLoad: function (options) {
    ......
    // 開啟首頁時判斷options.positionId是否存在 用這個值來判斷進入首頁的來源是否為使用者點選了分享的卡片
    // 同時可以通過獲取到的positionId的值跳轉導航到對應的分享詳情頁
    if (options.positionId) {
        setTimeout(function(){
            wx.navigateTo({
                url: '../positionDetail/positionDetail?id='
+ options.positionId }) }, 800) } },

— 記錄 完美解決 —