微信小程序转发给朋友按钮是灰色如何解决

小鱼儿 2024-04-21 19:26 100阅读 0赞

![9e472575777e4232897f50bb59eec03b.png][]

解决方法有两种，一种是在每个页面做配置，另一种是做全局配置

**局部配置：**每个页面局部配置，在页面下和data同级

onShareAppMessage(){//点亮发送给朋友
        return {
          title: '自定义转发标题',//标题
          path: '/page/user?id=123'//路径
        }
    },
    onShareTimeline() {}//点亮分享朋友圈,暂只支持Android平台

**全局配置：**在app.js中放入以下代码

**uniApp写法：**新建share.js加入以下代码

export default {
        data() {
            return {
                //设置默认的分享参数
                share: {
                    title: '小白编程',
                    path: '/pages/index/index',
                    imageUrl: '',
                    desc: '',
                    content: ''
                }
            }
        },
        onShareAppMessage(res) {
            return {
                title: this.share.title,
                path: this.share.path,
                imageUrl: this.share.imageUrl,
                desc: this.share.desc,
                content: this.share.content,
                success(res) {
                    uni.showToast({
                        title: '分享成功'
                    })
                },
                fail(res) {
                    uni.showToast({
                        title: '分享失败',
                        icon: 'none'
                    })
                }
            }
        },
        onShareTimeline() {},
    }

在main.js中引入

import share from 'static/share.js'//我命名为share.js
    Vue.mixin(share)

引入后全局就点两个这个图标了，就可以转发分享了

可以对每个页面进行独立配置如下：

export default {
    data(){
            return { //设置默认的分享参数
                share:{
                    title:'新的标题',
                    path:'/pages/index/index',
                    imageUrl:'',
                    desc:'',
                    content:''
                }
            }
        }
    }

[9e472575777e4232897f50bb59eec03b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/21/1ce39318355c424bbf5c2bfe4372e647.png