标签:title 程序实现 微信 app mixins shareData path 分享 页面
我们在用 uni-app 开发微信小程序时,我们有时需要分享功能,uni-app 中只要在需要分享的页面的 js 中定义了 onShareAppMessage
(和 onl oad 等生命周期函数同级),就能实现 发送给朋友
微信小程序的分享功能。但是如果每个需要分享的页面都写一个 onShareAppMessage
,冗余代码就太多了。本文介绍通过 mixins(混入)
的方式来实现。
步骤1:创建一个 mixins 文件(如本例该文件 share.js 存放在在根目录下的文件夹 mixins 中)
export const shareMixins = { data () { return { shareData: { title: '', path: '', imageUrl: '', content: '', desc: '' } } }, //#ifdef MP-WEIXIN onShareAppMessage () { return { title: this.shareData.title, path: this.shareData.path, imageUrl: this.shareData.imageUrl, content: this.shareData.content, desc: this.shareData.desc, success: res => { console.info(res) } } }, //#endif onl oad(option) { } }
步骤2:在需要分享的页面中引入这个 mixins 对象
<template> <view></view> </template> <script> import { shareMixins} from '@/mixins/share' export default { mixins: [ shareMixins], data() { return { shareData: { title: '我是分享标题', path: '/pages/index/index?id=1' // 分享的页面路径 } } }, methods: { } } </script>
标签:title,程序实现,微信,app,mixins,shareData,path,分享,页面 来源: https://www.cnblogs.com/mo3408/p/14414686.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。