uni-app小程序分享（全局）

在common文件下share.js

export default {data() {return {share: {// 转发的标题 （默认标题）title: '',// 默认是当前页面，必须是以‘/’开头的完整路径path: '',//自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，//支持PNG及JPG，不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4imageUrl: ''}}},/*在要分享的页面 生命周期中  设计当前页面分享标题onLoad() {this.share.title = "当前页面分享标题"},*/// 发送给朋友onShareAppMessage(res) {// 来自页面内的按钮的转发if (res.from == 'button') {console.log("按钮转发--配置");}// 获取加载的页面let pages = getCurrentPages(),// 获取当前页面的对象view = pages[pages.length - 1];// this.share.path = `/${view.route}`;this.share.path = 'pages/index/index';//转发参数return this.share;},//分享到朋友圈onShareTimeline(res) {// 获取加载的页面let pages = getCurrentPages(),// 获取当前页面的对象view = pages[pages.length - 1];// console.log("获取加载的页面", pages);console.log("当前页面的对象", view);// this.share.path = `/${view.route}`;this.share.path = 'pages/index/index';//转发参数return this.share;}
}

在main.js里面引入

 // 全局分享import share from './common/share.js'Vue.mixin(share)

uni-app小程序分享相关推荐

uni.app小程序的ajax封装详细讲解
我懒得说了 //放url相同的片段 const rootUrl = ""// 示例: ajax({ url:'/api/login', param: param, method: ...
uni.app小程序登录页持久化存储和退出后清除本地缓存
持久化存储在store里面的user.js(自己创建的)中 export default {state: {status: false, //登录的状态,获取数据中status是1,登录成功时状态为 ...
uni.app小程序失焦聚焦，表单验证
<input type="text" placeholder="请输入手机号/邮箱/账号" v-model="username" @f ...
uni.app小程序实现跳转获取数据
式例如上图所示 (前提是点击索引获得的id与获得数据的id是一样的) 首先是获取文档的数据我用的async await来获取数据,也可以用.then方法获取数据 async onLoad() {le ...
uniapp 分享功能(app , 小程序）
一.APP分享 1.APP分享内容到微信聊天页面 uni.share({provider:'weixin',//分享服务提供商(即weixin|qq|sinaweibo)scene:"WXS ...
uniapp中的分享功能实现(APP,小程序，公众号)
uniapp中的分享功能实现(APP,小程序,公众号) 1.APP端的分享 app端的分享可以直接使用uniapp封装的方法uni.share,uni-app的App引擎已经封装了微信.QQ.微博的分 ...
uni-app 关于微信小程序分享，app微信聊天界面和朋友圈分享
前端小白的uni-app艰难学习之路微信小程序分享实现微信小程序分享和app内微信分享小程序分享很简单,我们通过button的open-type属性 <!-- #ifdef MP-WEIX ...
uniapp使用uni.createInnerAudioContext()实现在app 小程序 h5有声书的倍速功能
uni.createInnerAudioContext()实现在app 小程序 h5有声书的倍速功能官网提供的api进行的开发,自我感觉没啥问题,但是在不同的端上好像有的好使有的不好使,暂时不知道啥 ...
【uniapp】uniapp小程序分享功能（App分享）
文章目录小程序分享分享页面(part1) 分享触发分享跳转页面分享到朋友圈开关触发 uniApp分享分享页面分享到朋友圈小程序分享分享页面(part1) 分享触发在分享触发的地方 ...
uniapp 微信小程序分享功能
微信小程序分享功能.传参.接收参数 1,分享功能在页面上与methods同级写上onShareAppMessage()函数. onShareAppMessage() {return{title: & ...

uni-app小程序分享

uni-app小程序分享（全局）

uni-app小程序分享相关推荐

最新文章

热门文章