uniapp开发微信小程序当前页面不可转发

创建一个 mixins ,我的文件路径为 : common/share.js

export default {
    onShareAppMessage(res) { //发送给朋友
        return {}
    },
    onShareTimeline(res) {//分享到朋友圈
        return {}
    },
}

export default {
    created() {
        //#ifdef MP-WEIXIN
        wx.showShareMenu({
            withShareTicket: true,
            menus: ['shareAppMessage', 'shareTimeline']
        });
        //#endif
    },
}

全局使用,在 main.js 里面 添加全局的 mixin

import share from './common/share.js'
Vue.mixin(share) 
const app = new Vue({
    ...App,share
})

这样设置后,每个页面都会有分享按钮了。

自定义分享内容

export default {
    data() {
       return {
            share:{
               title: '自定义分享标题',
               imageUrl:'https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg',
            }
       }
    },
    onShareAppMessage(res) { //发送给朋友
        return {
            title: this.share.title,
            imageUrl: this.share.imageUrl,
        }
    },
    onShareTimeline(res) {//分享到朋友圈
        return {
            title: this.share.title,
            imageUrl: this.share.imageUrl,
        }
    },
 
 
}

 

posted @ 2023-01-30 00:26  土小狗  阅读(1318)  评论(0编辑  收藏  举报