小程序分享

原创于 2019-04-25 13:59:25 发布 · 356 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在wxml中使用按钮的open-type属性设置为'share'来实现页面分享功能。通过在js文件中定义onShareAppMessage方法，可以自定义分享时的标题和路径，同时展示了如何在分享成功后获取分享信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

wxml添加标题 open-type设为‘share’

<button open-type="share"></button>

点击就会触发下边的事件了

//js
    onShareAppMessage: function () {
        //console.log('aaa');
        let that = this;
        return {
            title: 请填写分享标题, // 转发后 所显示的title
            path: '请填写你要打开的路径', // 相对的路径
            success: (res) => {    // 成功后要做的事情
                // console.log

                wx.getShareInfo({
                    shareTicket: res.shareTickets[0],
                    success: (res) => {
                        that.setData({
                            isShow: true
                        })
                    },
                    fail: function (res) { console.log(res) },
                    complete: function (res) { console.log(res) }
                })
            },
            fail: function (res) {
                // 分享失败
                console.log(res)
            }
        }
    },