uniapp微信小程序增加分享功能share.js

============vue3的情况下===========

一、添加share.js

export default{
    //全局分享功能
    onShareAppMessage(e){
        if(e.from==='button'){
            return {
                title:"分享此页面",
                
            }
        }
    },
    //分享到朋友圈
    onShareTimeline(){
        
    }
}

二、在main.js中全局引入:
//全局混入微信分享功能

import share from '@/mixin/share.js'
import { createSSRApp } from 'vue'
import App from './App.vue'
export function createApp() {
  const app = createSSRApp(App)
  app.mixin(share)
    return {
      app
    }
}

三、页面调用

<button open-type="share" ></button>

==============vue2的情况下=================

一、添加share.js

export default {
  shareAppMessage() {
    return {
      title: '分享给微信好友',
      path: '/pages/home/home' // 根据实际情况修改路径
    };
  }
};

二、在main.js中全局引入:

import Vue from 'vue'
import './uni.promisify.adaptor'
import shareMixin from '@/mixin/share.js'
Vue.config.productionTip = false
Vue.mixin({
  onShareAppMessage() {
    return shareMixin.shareAppMessage();
  }
});
App.mpType = 'app'
const app = new Vue({
  ...App
})
app.$mount()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值