微信小程序分享功能

微信小程序分享功能
最近做了一个小程序想实现点击按钮来实现选择分享二维码还是当前页面,
效果如图:
在这里插入图片描述
原本打算使用actionsheets来完成这个效果,但是组件库里不支持传标签 后来就自己来实现一个弹出框来实现,分享小程序这看起来不像button实际上就只能采用button来进行实现。最后做一个
小程序实现分享功能有这几种
通过Button按钮添加属性 wechat-open-type=‘share’ 就可以直接对当前页面进行分享
还有就是右上角直接分享页面 需要去配置一下onShareAppMessage

`Page({
  onShareAppMessage: function (res) {
    if (res.from === 'button') {
      // 来自页面内转发按钮
      console.log(res.target)
    }
    return {
      title: '自定义转发标题',
      path: '/page/user?id=123'
    }
  }
})
`

remax中使用钩子 直接使用usePageEvent来配置

  usePageEvent('onShareAppMessage', (res) => {
        if (res.from === 'button') {
            // 来自页面内转发按钮
            // setOpen(true);
        }
    });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值