微信小程序分享小程序至群聊

其实有两种情况，这篇先写是页面右上角菜单显示“转发”按钮的，而且只有定义了 onShareAppMessage()，页面右上角菜单才会显示“转发”按钮。

mixin全局混入

1. utils文件夹下新建一个share.js文件，内容为：

    data(){return {//设置默认的分享参数share:{title:'',path:'',imageUrl:'',desc:'',content:''}}},onShareAppMessage(res) {return {title:'xxxxxxx',path:this.share.path,imageUrl:this.share.imageUrl,desc:this.share.desc,content:this.share.content,success(res){uni.showToast({title:'分享成功'})},fail(res){uni.showToast({title:'分享失败',icon:'none'})}}}

2. 最后在main.js里面注册

import share from './utils/share.js'
Vue.mixin(share)

mixin，不懂的看这里：以uniapp开发小程序举例，使用mixin实现各个页面的分享功能

在小程序中如果想实现分享功能，需要在各个组件中单独写分享方法，如果页面太多的话，通过使用mixin来简化这个流程。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！