当前位置: 首页 > news >正文

uniapp实现微信小程序全局可分享功能

uniapp实现微信小程序全局【发送给朋友】、【分享到朋友圈】、【复制链接】
主要使用 Vue.js 的 全局混入

1.创建一个全局分享的js文件。示例文件路径为:./utils/shareWx.js ,在该文件中定义全局分享的内容:

export default {data() {return {}},//分享小程序onShareAppMessage(e) {if (e.from === 'button') {console.log('来自页面内转发按钮');} else if (e.from === 'menu') {console.log('右上角菜单转发按钮');}return {// 自定义分享内容title: 'xxxx',desc: 'xxxxxx',path: '/pages/index/index', // 路径,可传递参数到指定页面imageUrl: 'https://xxxxxx.com.cn'};},// 分享到朋友圈onShareTimeline() {return {title: 'xxxxx',path: '/pages/index/index',imageUrl: 'https://xxxxxx.com.cn'};},
}

2.在项目的 main.js 文件中引入该 shareWx.js 文件, 并使用 Vue.mixin() 方法将之全局混入:
// 导入并挂载全局的分享方法
import share from './utils/shareWx.js'
Vue.mixin(share)

http://www.lryc.cn/news/154018.html

相关文章:

  • 大数据成为市场营销利器 ,促进金融贷款企业获客精准化
  • Acwing 3472. 八皇后
  • Word转为PDF后图片模糊怎么办?Word转为PDF的技巧介绍
  • 【django开发手册】详解drf filter中DjangoFilterBackend,SearchFilter,OrderingFilter使用方式
  • 3D开发工具HOOPS Publish如何快速创建交互式3D PDF文档?
  • 【Kafka】ZooKeeper启动失败报错java.net.BindException: Address already in use: bind
  • 系统架构设计师-计算机系统基础知识(1)
  • Mediasoup在node.js下多线程实现
  • 一文入门Web网站安全测试
  • Django REST framework中的序列化Serializers
  • LeetCode 剑指 Offer 10- I. 斐波那契数列
  • Css 将某div设置为透明,但其子元素不透明
  • 17 | Spark中的map、flatMap、mapToPair mapvalues 的区别
  • 手写Mybatis:第9章-细化XML语句构建器,完善静态SQL解析
  • 云原生Kubernetes:Kubeadm部署K8S单Master架构
  • 鸿鹄工程项目管理系统em Spring Cloud+Spring Boot+前后端分离构建工程项目管理系统
  • 开发指导—利用 CSS 动画实现 HarmonyOS 动效(二)
  • 音频修复和增强工具 iZotope RX 10 for mac激活最新
  • SpringMVC的简介及工作流程
  • JVM垃圾回收机制和常用算法(简洁版)
  • C/C++源程序到可执行程序exe的全过程(及汇编和反汇编的区别)
  • 信创优选,国产开源。Solon v2.5.3 发布
  • ElementUI浅尝辄止25:MessageBox 弹框
  • ElasticSearch简介
  • 基于亚马逊云科技打造的游戏AIGC专业版,创梦天地快速上线AI生图服务
  • Debian离线安装mysql
  • Linux代码初试__进度条
  • 美国访问学者签证有哪些要求?
  • 如何利用客户旅程打造好的用户体验?
  • 数据治理-数据质量-1