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,
        }
    },
 
 
}
相关推荐
遗憾随她而去.26 分钟前
uniApp跨端开发: 解决不同平台显示差异问题
uni-app
扶风ff1 小时前
求职笔试资料太散?用练题簿在线刷题,按岗位整理练习清单
前端·学习·小程序
Ai-_Man8 小时前
请问豆包的智能体聊天记录该怎么弄
开发语言·前端·javascript·人工智能·小程序·ecmascript·电脑
Ai-_Man21 小时前
您您这可以把Dola的多个会话比如说。左侧的多个会话一次性导出吗?不是单条会话里面的多次会对话。用AI导出鸭,答案是可以的
开发语言·前端·人工智能·小程序
2601_949950631 天前
练题簿小程序的 4 个功能,把学习资料变成题库
人工智能·小程序·刷题·练习·小程序推荐
Mingprime1 天前
短时冲刺,孤军奋战,压力山大
小程序
Mingprime1 天前
孤军奋战那一次
小程序
盟道科技1 天前
电商小程序购物车系统设计:缓存与数据库双写一致性实战
数据库·缓存·小程序
卓怡学长1 天前
w193基于springboot“乐通黄骅”电动车智能充电服务小程序
java·spring boot·spring·小程序·intellij-idea
扶风ff2 天前
新品知识更新太快?用练题簿在线刷题,安排企业培训的小测与复盘
前端·学习·小程序