uniapp实现小程序分享
一、创建share.js文件,内容如下:
export default {
data() {
return {
// 默认的全局分享内容
share: {
title: '助农销售农副产品的好平台',
path: '/pages/index/index', // 全局分享的路径,比如 首页
imageUrl: '/static/images/share.png', // 全局分享的图片(可本地可网络)
}
}
},
// 定义全局分享
// 1.发送给朋友
onShareAppMessage(res) {
return {
title: this.share.title,
path: this.share.path,
imageUrl: this.share.imageUrl,
}
},
//2.分享到朋友圈
onShareTimeline(res) {
return {
title: this.share.title,
path: this.share.path,
imageUrl: this.share.imageUrl,
}
},
}
二、再main.js文件中引入全局share.js
import share from './utils/share';
Vue.mixin(share);
提示:我的share.js文件放在units文件夹中
三、发行小程序-微信
在打开的小程序开发工具,点击小程序右上角”三个点“,发送给好友,效果如下:
1、所有文章未经授权禁止转载、摘编、复制或建立镜像,如有违反,追究法律责任。
2、本站文章部分来源注册用户发布或互联网收集而来,若有侵权,请邮件联系作者。
邮箱地址:wtao219@qq.com
2、本站文章部分来源注册用户发布或互联网收集而来,若有侵权,请邮件联系作者。
邮箱地址:wtao219@qq.com
THE END
二维码