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

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

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

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

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

!function(){  var PageTmp = Page;  Page =function (pageConfig) {    // 设置全局默认分享    pageConfig = Object.assign({      onShareAppMessage:function () {        return {          title:'默认文案',          path:'默认分享路径+id',          imageUrl:'默认分享图片',        };      }    },pageConfig);    PageTmp(pageConfig);  };}();

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.jsVue.mixin(share)

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

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

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