当前位置: 首页 > news >正文

小程序当前页面如何分享别的页面内容呢?

需求分析

因为功能的需要分为两点

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

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

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

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

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

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

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

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

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

 <button class="activities-bar-operation-btn" data-item="{{item}}"  open-type="share" >邀请好友助力</button>

总结

终点就是自定义属性,也是新手对于小程序开发容易出的坑吧
今天的问题主要就是,需要先知道事件的来源出现在哪里,通过事件来源来控制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},
http://www.lryc.cn/news/39530.html

相关文章:

  • 编写Java哪个编译器好
  • 第十六章 Java为什么使用序列化
  • 28岁小公司程序员,无车无房不敢结婚,要不要转行?
  • 出道即封神的ChatGPT,现在怎么样了?
  • 【计算机视觉】CNN 可视化算法
  • 自动抓取服务器巡检、登录、执行命令记录+备份脚本
  • 如何用Python求解微分方程组
  • 【微信小程序】-- 自定义组件 - behaviors(三十九)
  • 【微信小程序】-- 自定义组件 - 父子组件之间的通信(三十八)
  • Java Web 实战 11 - 多线程进阶之常见的锁策略
  • (20)目标检测算法之YOLOv5计算预选框、详解anchor计算
  • 3-1 SpringCloud快速开发入门: Ribbon 是什么
  • Java【lambda表达式】语法及使用方式介绍
  • 【AcWing】蓝桥杯备赛-深度优先搜索-dfs(2)
  • ‘conda‘不是内部或外部命令,也不是可运行的程序或批处理文件。
  • HTTP 3.0来了,UDP取代TCP成为基础协议,TCP究竟输在哪里?
  • 《JavaCV从入门到实战教程合集》介绍和目录
  • Form Generator扩展 文本 组件
  • 【C/C++】必知必会知识点大总结
  • 【JavaScript 逆向】百度旋转验证码逆向分析
  • PCL 点云投影到直线(C++详细过程版)
  • 中缀表达式转后缀表示式,及后缀表达式的运算规则
  • 【C++】STL简介
  • (小甲鱼python)文件永久存储(上)总结 python文件永久存储(创建打开文件、文件对象的各种方法及含义)
  • 甲酸溶液除钠离子,丙酸溶液除钾离子,医药液体除钾
  • 操作系统(2.2)--进程的描述与控制
  • Python连接es笔记四之创建和删除操作
  • 字符串填充到指定长度
  • macOS虚拟机安装全过程(VMware)
  • 第十三届蓝桥杯A组:选数异或——三种解法(线段树、DP、ST表)