1. HTTP3W博客首页
  2. 技术
  3. vue

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文件夹中

三、发行小程序-微信

在打开的小程序开发工具,点击小程序右上角”三个点“,发送给好友,效果如下:

uniapp实现小程序分享

1、原创文章,作者:诺米,如若转载,请注明出处:https://www.http3w.com/archives/720

2、本站内容若有雷同从属巧合,若侵犯了您的权益,请联系本站删除,E-mail: wtao219@qq.com

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

254007489

在线咨询:点击这里给我发消息

邮件:wtao219@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息