微信小程序 分享的两种方式:菜单级和按钮级

news/2024/7/20 0:48:15 标签: 微信小程序, notepad++, 小程序

按钮级

在使用小程序>微信小程序的时候,我们可能会设计到一些视频的一些分享等,那么视频分享也分为两种方式,例如下图,当我们点击的时候,进行一个转发分享的一个操作

那么在原先代码的基础上,我们需要在原先代码的基础上button按钮上设置open-type=“share”

<button open-type="share" class="item btn">
    <text class="iconfont icon-gengduo"></text>
</button>

添加完open-type="share"后会触发一个onShareAppMessage事件,我们可以根据这个事件来对视频转发进行一个操作。

但是如果没有写这个事件的话,虽然可以弹出分享的框,但是并不会对此进行任何的一个操作。 

 

写这个事件,当我点击发送的时候

onShareAppMessage(e){
    console.log(e)
}

打印出来的就是 

菜单级

并且当我们点击小程序>微信小程序上方的三个按钮的时候,如果没有写onShareAppMessage事件的话,那么分享按钮是点击不了的,当我们写这个事件的时候,那么分享按钮就可以使用了。

那么当我点击菜单级按钮的时候,打印出来的就是

这时我们就可以时候这个事件来判断当前按钮是否是菜单级还是按钮级

onShareAppMessage(e){
    if(e.from === "button") {
        return {
            title:"我是按钮转发的", //弹出框提示标题
            page:"/pages/video/video",  //弹出框转发的页面
            imageUrl:"/static/images/nvsheng.jpg",   //设置弹出框显示页面图片(可自定义)
        };    
    } else {
        return {
            title:"我是右上角转发的",
            page:"/pages/video/video",
        };
    }
},


http://www.niftyadmin.cn/n/5243185.html

相关文章

vue3版本学习

1&#xff0c;响应式ref或者reactive const aa ref(hello) const bb reactive({ aa: hello, ss: workd }) 2&#xff0c;计算属性 响应式属性经过计算得到的值(ref)&#xff0c;放到模板中&#xff0c;只会随着响应式author.books属性变化而变化 const autor …

洋垃圾服务器芯片选型

声明 本帖持续更新&#xff0c;如有纰漏望指正本帖中的价格调研于2023.12.05号&#xff0c;后面可能会变动 E5系列 E5 V4常见型号列表 制作工艺核心数基础频率最大频率L1/L2/L3缓存TDP参考价格E5-2679 v414nm20核40线程2.5 GHz3.3 GHzxx/ 5M/50MB200W5859E5-2699 v414nm22核…

【华为OD题库-077】荒岛求生-Java

题目 有一个荒岛&#xff0c;只有左右两个港口&#xff0c;只有一座桥连接这两个港口&#xff0c;现在有一群人需要从两个港口逃生&#xff0c;有的人往右逃生&#xff0c;有的往左逃生&#xff0c;如果两个人相遇&#xff0c;则PK&#xff0c;体力值大的能够打赢体力值小的&am…

java设计模式学习之【组合模式】

文章目录 引言组合模式简介定义与用途&#xff1a;实现方式UML 使用场景优势与劣势组合模式在Spring中的应用员工结构示例代码地址 引言 设想您正在组织一个大型派对&#xff0c;需要将各种食品和饮料按类型整理。您可能有单独的物品&#xff0c;如一瓶苏打水&#xff0c;也可…

9_企业架构队列缓存中间件分布式Redis

企业架构队列缓存中间件分布式Redis 学习目标和内容 1、能够描述Redis作用及其业务适用场景 2、能够安装配置启动Redis 3、能够使用命令行客户端简单操作Redis 4、能够实现操作基本数据类型 5、能够理解描述Redis数据持久化机制 6、能够操作安装php的Redis扩展 7、能够操作实现…

ChatGPT(INSCODE AI 创作助手自动创作的)

以下是与ChatGPT相关的10种技术&#xff1a; 自然语言处理(NLP)&#xff1a; ChatGPT是基于NLP技术开发的聊天机器人&#xff0c;它能够理解和生成自然语言文本。 机器学习(ML)&#xff1a; ChatGPT使用机器学习算法来训练它的模型&#xff0c;从而提高其预测和生成文本的能力…

文献阅读:基于改进ConvNext的玉米叶片病害分类

文献阅读&#xff1a;基于改进ConvNext的玉米叶片病害分类 CBAM注意力机制模块&#xff1a; 1&#xff1a;通道注意力模块&#xff0c;对输入进来的特征层分别进行全局平均池化&#xff08;AvgPool&#xff09;和全局最大池化&#xff08;MaxPool&#xff09;&#xff08;两个…

MySQL联合查询、最左匹配、范围查询导致失效

服务器版本 客户端&#xff1a;navicat premium16.0.11 联合索引 假设有如下表 联合索引就是同时把多列设成索引&#xff0c;如(empno&#xff0c;ename)在查询的时候就会先按照empno进行查询&#xff0c;再按照ename进行查询其中empno是全局有序&#xff0c;ename是局部有…