微信小程序> 小程序分享带参数以及返回首页按钮

小程序分享带参数以及返回首页按钮

浏览量:2297 时间: 来源:IG_wxz

很多时候,我们都希望自己写的小程序能够分享给别人。目前微信小程序,如果你不做任何处理的话,你分享给别人的页面,别人打开了就只能停留在那个页面,无法返回到小程序首页。

而且,如果你的页面是通过点击其他页面(传参数过去)跳转到你这个页面才有数据的,别人直接打开你分享的页面是没有数据的,因为他根本就不是通过点击其他页面进入的你这个页面。

综合以上种种情况,我们需要在分享的时候传一个参数、以及是否通过分享进入的状态过去。说了这么多,接下来直接看代码吧。
wxml代码如下:

view wx:if="{{isshare}}" class='back_btn'button bindtap='getBack'返回首页/button/view

js代码如下:

 data: {    isshare:0//用户是否通过分享进入  },onLoad: function(e){    console.log("111")    if (e.isshare == 1) {      console.log('是分享进入');      this.setData({        isshare: e.isshare      })    }    this.setData({      roomId:e.roomId    })  },   // 返回首页  getBack:function(){    wx.reLaunch({      url: '/pages/index/index/index',    })  },  //点击右上角分享   onShareAppMessage: function() {    return {      title: this.data.listData.caption,      path: '/pages/index/detail/detail?roomId=' + this.data.roomId + "&isshare=" + 1,      imageUrl: this.data.listData.url,    }  }

给大家说一下大致思路:如果用户是通过分享进去的,那么我们在页面的onLoad事件里能通过e.roomId、e.isshare打印出我们分享给他传的参数roomId、isshare,并且将data里的isShare的值变为1,页面可以看到返回首页按钮;如果用户不是通过分享进去的,则e.isshare应该是’undefined’,data里的值还是0,页面看不到返回首页按钮。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎