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,
        }
    },
 
 
}
相关推荐
静听夜半雨16 分钟前
TOSUN同星TsMaster使用入门——3、使用系统变量及c小程序结合panel面板发送报文
c语言·c++·小程序·同星·tsmaster
Damon小智4 小时前
微信小程序-Docker+Nginx环境配置业务域名验证文件
运维·nginx·docker·微信·容器·小程序
聚宝盆_5 小时前
【css实现倒计时】
前端·小程序
叶落无痕12311 小时前
微信小程序-base64加解密
微信小程序·小程序
院人冲冲冲17 小时前
element表格滚动错位问题,使用uniapp写的项目
uni-app
竣子好逑18 小时前
uniapp 微信小程序 editor 富文本编辑器
微信小程序·小程序·uni-app
计算机-秋大田19 小时前
基于微信小程序教学辅助系统设计与实现(LW+源码+讲解)
java·后端·微信小程序·小程序·课程设计
陶甜也20 小时前
uniapp 自定义日历组件 源码
前端·javascript·css·vue.js·uni-app
计算机-秋大田20 小时前
基于微信小程序的摄影竞赛系统设计与实现(LW+源码+讲解)
java·前端·后端·微信小程序·小程序·课程设计
轩轩9902181 天前
微信小程序:中途退出原页面,再次进入无法回到退出时的位置
微信小程序·小程序·notepad++