当前位置:   article > 正文

uniapp微信小程序分享功能_uniapp 小程序分享

uniapp 小程序分享

1.单页面分享

参考链接

  1. export default{
  2. // 分享到微信好友
  3. onShareAppMessage() {
  4. return {
  5. title: '标题',
  6. path: '页面 path ,必须是以 / 开头的完整路径',
  7. imageUrl: '图片',
  8. }
  9. },
  10. // 分享到朋友圈
  11. onShareTimeline() {
  12. return {
  13. title: '标题',
  14. path: '页面 path ,必须是以 / 开头的完整路径',
  15. imageUrl: '图片',
  16. }
  17. }
  18. }

2.多页面及全局分享

1.新建一个公共的分享js文件 share.js

  1. export default {
  2. data() {
  3. return {
  4. share: {
  5. title: '标题',
  6. path: '页面 path ,必须是以 / 开头的完整路径',
  7. imageUrl: '图片',
  8. }
  9. }
  10. },
  11. // 分享给朋友
  12. onShareAppMessage(res) {
  13. return {
  14. title: this.share.title,
  15. path: this.share.path,
  16. imageUrl: this.share.imageUrl,
  17. }
  18. },
  19. // 分享到朋友圈
  20. onShareTimeline(res) {
  21. return {
  22. title: this.share.title,
  23. path: this.share.path,
  24. imageUrl: this.share.imageUrl,
  25. }
  26. },
  27. }

2.在main.js中引入

  1. import share from '文件路径/share.js'
  2. Vue.mixin(share)

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/酷酷是懒虫/article/detail/821231
推荐阅读
相关标签
  

闽ICP备14008679号