如何简单的让小程序的分享页拥有返回按钮

通常小程序的分享页面被再次打开的时候是这样的
这里写图片描述
而正常的页面左上角是有返回上一步的返回按钮的
这里写图片描述

然而如何在小程序的分享页拥有返回按钮呢???

看到网上有一个思想 拿来借用一下
先进入首页的流程,再跳转进入对应的分享页面,这样进入分享页之后左上角就会有回到主页的返回按钮,相比于让用户熟悉小程序的回首页交互,这样更为合理.


下面来写下具体的实现步骤
要分享的页面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)
    }
},

— 记录 完美解决 —

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值