小程序内嵌web-view之分享（1）

最新推荐文章于 2024-03-15 10:34:45 发布

垚~垚

最新推荐文章于 2024-03-15 10:34:45 发布

阅读量4.4k

点赞数 2

分类专栏：小程序文章标签：小程序 web-view 分享、转发

本文链接：https://blog.csdn.net/luoyumeiluoyumei/article/details/80785928

版权

小程序专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文介绍了一种使用微信小程序实现页面分享的方法。通过在wxml文件中定义web-view组件，并结合js文件中的onShareAppMessage周期函数，实现了自定义分享内容的功能。文章详细展示了如何设置分享的标题、图片及路径。

摘要由CSDN通过智能技术生成

1.首先在wxml中输入

<web-view src='{{url}}' bindtap='toShare'></web-view>

2.js中在 onShareAppMessage 周期函数中触发绑定的toShare事件

 onShareAppMessage(option) {
        this.toShare();
        ...//在此处获取option中取到的title和img等属性值
        return {
            title: title,
            imageUrl: imageUrl,
            path: 'pages/...,//小程序的跳转路径
            success: function (res) {
                console.log(res)
                // 转发成功
            },
            fail: function (res) {
                console.log(res)
                // 转发失败
            }
        }
    }

【哈哈镜】100-70新老客神券来了
购买地址：http://t.cn/EXfAZIl
推荐理由：新老客每周可免费领取一张100-70
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190415104042735.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x1b3l1bWVpbHVveXVtZWk=,size_16,color_FFFFFF,t_70)