好友分享onShareAppMessage/朋友圈分享 onShareTimeline、#ifdef 、#endif是uni-app语法判断

返回一个Object对象 返回的具体参数可以看unn-app官方文档

1. 示例代码

data() {
    return {
      //设置默认的分享参数
      // #ifdef MP-WEIXIN
      share: {
        title: '蓝宇水泵', // 分享标题
        path: '/pages/projectList/projectList', //页面 path ，必须是以 / 开头的完整路径
        imageUrl: '', // 分享的图标路径
        desc: '', // 自定义分享描述
        content: '' // 分享的文案
      }
      // #endif
    }
  },
  // #ifdef MP-WEIXIN
  onShareAppMessage(res) {
    return {
      ...this.share,
      success(res) {
        uni.showToast({
          title: '分享成功'
        })
      },
      fail(res) {
        uni.showToast({
          title: '分享失败',
          icon: 'none'
        })
      }
    }
  },
  onShareTimeline() {
    return {
      ...this.share,
      success(res) {
        uni.showToast({
          title: '分享成功'
        })
      },
      fail(res) {
        uni.showToast({
          title: '分享失败',
          icon: 'none'
        })
      }
    }
  }
  // #endif

我设置的是全局分享，所以会在mian.js文件，局部分享只需在当前文件使用即可

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