小程序当前页面如何分享别的页面内容呢?
创始人
2024-06-02 07:07:53

需求分析

因为功能的需要分为两点

  1. 他需要调转转发,并且有首页转发
  2. 点击button按钮进行转发邀请好友帮忙助力,如何做到一个页面多种转发
    在这里插入图片描述

如何区分,是button转发还剩右上角三个点转发呢?

通过onShareAppMessage()这个函数的事件对象来判断

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

点击button按钮进行转发邀请好友帮忙助力,如何做到一个页面多种转发?

  1. 需要双重判断,先判断是三个点转发还是button转发
    在这里插入图片描述

  2. button需要跳转多个不同的页面,转发是转发的本页面如何进行区分呢?
    采用自定义属性传参的方式进行判断
    在这里插入图片描述

data-
*的意思就是所有字符都可以,只要开头是data-就可以了
如: data-a , data-b,data-c 都是可以的

自定义属性都储存在dataset这个对象,里面的key就是 data- 后面的参数
在这里插入图片描述
在这里插入图片描述

 

总结

终点就是自定义属性,也是新手对于小程序开发容易出的坑吧
今天的问题主要就是,需要先知道事件的来源出现在哪里,通过事件来源来控制return里的参数,是通过自定义属性,来区分哪个按钮需要做那一个操作核心带你都是围绕着(自定义属性 data-*)

代码

  onShareAppMessage: async function (ops) {console.log(ops)// 判断是button还是右上角转发const bool = ops.from == 'button' // true 是button  false是默认转发console.log(bool)let obj = {}if (bool) {const item = ops.target.dataset.itemobj = {title: `帮我一起拿"${item.ActivityPrizeName}"`,path: `/pages/helpchargeoff/cheating?isfirst=0&activityId=${item.ActivityId}&recordId=${item.RecordId}`,imageUrl: item.Prizeimgurl}} else {obj = {title: '马上有优惠参与活动抽大奖',path: '/pages/ymlogin/ymlogin'}}return obj},

相关内容

热门资讯

青企故事荟 | 小小“藕片”处... 青岛思普润一直专注于悬浮载体生物膜流化床(MBBR)技术研发与应用,在水处理领域站稳了“生态位”小小...
以色列称美方公布的加沙执行委员... △加沙地带(资料图)当地时间17日,以色列总理办公室发表声明称,美方近期公布的加沙执行委员会组成方案...
卖菜的工夫 改好户口本 “原本以为周末办不了,没想到赶上圩天,卖个菜的工夫,就把户口本上的地址改好了,真是省了我们山里人不少...
​一群00后教机器人“干活” 在湖北人形机器人创新中心的商超模拟区内,刘书威紧握VR手柄,控制人形机器人的夹爪缓缓伸向货架上的一瓶...
澳网正赛今日开打!中国8名选手... (来源:上观新闻)2026年澳大利亚网球公开赛正赛今日正式开打,赛事将于1月18日至2月1日在墨尔本...