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

按钮级

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

那么在原先代码的基础上,我们需要在原先代码的基础上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",
        };
    }
},
相关推荐
微三云 - 廖会灵 (私域系统开发)3 小时前
消费返物业费平台搭建:美家时代商业模式拆解与系统开发选型指南
小程序·系统架构
greenbbLV6 小时前
中小公司积分商城选型:SaaS与私有化方案对比解析
大数据·前端·小程序
2501_915909061 天前
iOS 应用反调试技详解术 检测调试器的原理与防护实践
android·ios·小程序·https·uni-app·iphone·webview
00后程序员张1 天前
iOS加固技术路线全面解析:Bitcode模式、源码模式与汇编模式对比及爱加密优势
android·汇编·ios·小程序·uni-app·cocoa·iphone
海纳百川·纳海川1 天前
租房行业数字化:换个思路解决“老问题”
大数据·微信小程序·小程序
上海云盾-小余2 天前
CC 高频请求 + DDoS 流量攻击实战防御:全链路 WAF 流量清洗部署完整流程
网络·爬虫·安全·小程序·ddos
2501_916008892 天前
iOS IPA文件反编译与打包操作方法,拆包分析防护和加固打包
android·macos·ios·小程序·uni-app·cocoa·iphone
2301_810313182 天前
海外教育APP定制发展现状与开发选型核心要点解析
小程序·团队开发·软件需求
2501_915921432 天前
iOS手游安全反外挂解决方案:基于Xcode的加固混淆特色详解
android·安全·ios·小程序·uni-app·iphone·xcode
禾高网络2 天前
回收小程序在环保和商业领域发挥更大的作用
java·大数据·人工智能·小程序