uniapp小程序分享为灰色

引用:https://www.cnblogs.com/panwudi/p/17074172.html

uniapp开发的微信小程序,没有转发,分享:

创建一个mixin:common/share.js

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

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

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

自定义分享内容

js 复制代码
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,
        }
    },
 
 
}
相关推荐
宋拾壹3 分钟前
php网站小程序接入抖音团购核销
android·小程序·php
杰建云16711 分钟前
2026年第三方平台制作微信小程序多少钱?
微信小程序·小程序·小程序制作
weikecms25 分钟前
外卖霸王餐CPS怎么对接接口
小程序·微客云
码云社区2 小时前
家政小程序+后台源码分享:保姆级教程,快速搭建自有平台
小程序·家政·家政服务·家政系统
码视野3 小时前
全源码提供-高端大气的医疗健康预约小程序
小程序
游九尘4 小时前
uniapp获取定位uni.getLocation报错getLocation:fail maybe not obtain GPS Permission.
uni-app
雪芽蓝域zzs14 小时前
uniapp 该应用与此设备的CPU不兼容
uni-app
CHB17 小时前
uni-task - 轻量级团队任务管理系统
uni-app
CDwenhuohuo1 天前
小程序全局使用api
javascript·vue.js·小程序
行思理1 天前
UniApp 打包配置 iOS的UniversalLinks
uni-app·universal link