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
THE END
分享
二维码
< <上一篇
下一篇>>