uniapp小程序分享转发功能

1、当前页面使用转发按钮

官网的介绍

<button type="default" open-type="share" @ShareAppMessage="onShareAppMessage()" class="share-btn">转发</button>

data(){return{//设置默认的分享参数share:{title:'活动分享',path:'/pageB/activityDetail/activityDetail/?id='+this.id,imageUrl:this.baseURL+ "?temp=" + Date.parse(new Date()),  //图片链接，必须是网络连接，后面拼接时间戳防止本地缓存,desc:'',content:''},
}onShareAppMessage(res) {if (res.from === 'button') {// 来自页面内分享按钮console.log(res.target)}return {title:this.share.title,path:this.share.path,imageUrl:this.share.imageUrl,desc:this.share.desc,content:this.share.content,}},
methods: {onShareAppMessage(e){console.log(e,'转发了');},}

2、如果是全局配置转发功能，可以配置全局的

1、创建一个share.js文件，引入到main.js文件，全局混入

JS文件

export default{data(){return {//设置默认的分享参数share:{title:'工业安全小程序分享',path:'/pages/tabbar/index/index',imageUrl:'',desc:'',content:''},$imgUrl:'https://dev-file.ancai88.com:8071'}},onShareAppMessage(res) {if (res.from === 'button') {// 来自页面内分享按钮console.log(res.target)}return {title:this.share.title,path:this.share.path,imageUrl:this.share.imageUrl,desc:this.share.desc,content:this.share.content,}}
}

main.js

import share from '@/utils/share.js'
Vue.mixin(share)

uniapp小程序分享转发功能相关推荐

uni-app小程序分享
uni-app小程序分享(全局) 在common文件下share.js export default {data() {return {share: {// 转发的标题 (默认标题)title: '' ...
支付宝小程序分享转发
最近公司在做一系列支付宝小程序,其中分享拉新显然是很重要的一环,我们对分享的期望是每次分享的背景图都带有用户独特标识并且图片中多处位置每人每天都不相同, 为了完成这个需求对支付宝小程序的分享进行了一些 ...
uniapp小程序分享图片
uniapp小程序分享图片 uniapp小程序分享图片流程: ①.使用canvas绘图,将图片绘制到页面上,并生成一个本地路径 ②.保存图片至本地 ③.分享到朋友详细介绍: ①.使用canvas绘图 ...
uni-app小程序分享功能实现
1. 分享功能实现通过onShareAppMessage(OBJECT) 将小程序到分享微信聊天,onShareTimeline()将小程序分享到朋友圈. api中的参数配置参考文档:https:/ ...
uni-app - 小程序分享功能
uni-app与小程序分享朋友圈功能实操 1.首先明白,uni-app 与小程序的工作原理,熟知API文档,在开发中有很大的必要性.[文档:uni-app官方文档] 2.微信朋友圈分享,废话不多说, ...
【uniapp】uniapp小程序分享功能（App分享）
文章目录小程序分享分享页面(part1) 分享触发分享跳转页面分享到朋友圈开关触发 uniApp分享分享页面分享到朋友圈小程序分享分享页面(part1) 分享触发在分享触发的地方 ...
uni-app -- 小程序分享遇到的问题
小程序分享 1. 全局混入mixins 1.1 创建mixins.vue 1.2 全局混入 1.3 页面分享数据 2.使用的方式关于小程序分享的问题,该需求很常见.在uni-app中如何能够优雅的配 ...
微信小程序开发——小程序分享转发
关于小程序的转发: 最简单的就是点击小程序右上角菜单"转发"按钮直接分享,不过这种分享有点不太友好,实用性也不强. 当然,你可以自定义分享内容,包括标题,简介,图片及分享的小程序页 ...
微信小程序分享好友功能
微信小程序分享功能 onShareAppMessage: function () {console.log(app.globalData.openPages)console.log("geg ...
uniapp 小程序分享功能
最近用uniapp写了一个小程序,之前都是用它来写app的,这次要求兼容微信小程序以及QQ小程序,那肯定就少不了分享这个功能,所以记录下来方便自己以后看,也希望能帮到更多的人 onShareAppMe ...

uniapp小程序分享转发功能

1、当前页面使用转发按钮

2、如果是全局配置转发功能，可以配置全局的

uniapp小程序分享转发功能相关推荐

最新文章

热门文章