小程序点击按钮分享

帆酱

于 2021-05-05 22:27:51 发布

阅读量3.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/weixin_41187842/article/details/116431507

微信小程序专栏收录该内容

11 篇文章

订阅专栏

小程序分享

小程序中除了右上角的自带分享之外，还可以做成点击按钮分享

wxml

<button class="bottom_in" open-type="share" id="share" plain="true" >
      <image class="img" src="../../img/my/share.png"></image>
</button>

其中open-type="share"是核心属性，且只能由button元素触发

js

  //分享
  onShareAppMessage: function (res) {
    if (res.from === 'button') {
      console.log(res.target)
    }
    return {
      title: this.data.info.name+',
      path: '/pages/detail/detail?id='+this.data.book_id+'&share=1',
      success: function (res) {
        console.log('成功', res)
      }
    }
  },

小程序会默认截取当且页面作为分享的背景图，也可自行设置

官方文档：https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onshareappmessageobject-object