uniapp页面中的按钮使用分享功能


uniapp中页面中按钮分享功能

在uniapp页面中的按钮使用微信小程序分享功能。实现步骤如下:
  • 在manifest.json中勾选share分享,并填写相关的appid等信息
    参考链接: 分享插件开发指南.
    manifest.json中勾选分享
  • 需要分享的按钮加上data-name=“shareBtn” 和 open-type=“share”
1
<button data-name="shareBtn" open-type="share">分享</button>

  • 定义生命周期函数onShareAppMessage(),设置该页面的分享信息。与onLoad 等生命周期函数同级。根据自己需要自行配置。
    参考链接: 分享配置.
1
2
3
4
5
onShareAppMessage() {
    return {
        title: '分享的标题'
        }
}

以上就是关于uniapp页面中的按钮分享功能的实现啦~