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

uniapp全局分享功能实现方法(依赖小程序右上角的分享按钮)

1、uniapp开发小程序时默认是关闭分享功能的。点击右上角三个点可查看,效果图如下:

2、在utils文件夹下新建share.js文件,名字任起。(使用的是全局分享,因为一个一个页面的去分享太麻烦且没必要。)

export default {data() {return {}},//1.配置发送给朋友onShareAppMessage() {return {title: '分享时的标题,一般是小程序名',                //分享的标题path: 'pages/index',      //点击分享链接之后进入的页面路径imageUrl: '/static/images/sex5.jpg' //分享发送的链接图片地址};},//2.配置分享到朋友圈onShareTimeline(){return{title: '分享时的标题,一般是小程序名',                //分享的标题query: 'pages/index',     //点击分享链接之后进入的页面路径imageUrl: '/static/images/sex5.jpg' //分享发送的链接图片地址}},
}

3、在main.js入口文件中将share方法使用mixin全局混入:

import share from './utils/share.js'  //注意路径是上一步新建文件的路径
Vue.mixin(share)

4、效果图

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

相关文章:

  • Redis中BigKey的判定查找建议
  • Swift-语法基础
  • 面向对象进阶:多态、内部类、常用API
  • 寸(英寸)、码、斤、公顷等日常中大概的换算单位你清楚吗
  • Python面试宝典第26题:最长公共子序列
  • 接口测试学习笔记2
  • vue3修改带小数点的价格数字:小数点的前后数字,要分别显示成不同颜色和大小!已经封装成组件了!
  • JVM(Java虚拟机) - JVM内存分配与内存管理
  • Linux中vim的基本介绍和使用
  • 宝塔面板上,安装rabbitmq
  • 【Docker系列】Docker 镜像管理:删除无标签镜像的技巧
  • 数据采集器
  • 小红书0510笔试-编程题
  • 2024年热门开放式耳机评测!悠律、韶音、声阔到底该选谁?
  • 计算机毕业设计选题推荐-智慧物业服务系统-Java/Python项目实战
  • 新手小白学习PCB设计,立创EDA专业版
  • 查物流信息用什么软件
  • (40)温度传感器
  • 【靶场实操】sql-labs通关详解----第二节:前端页面相关(Less-11-Less-17)
  • 样式与特效(2)——新闻列表
  • NICE Seminar(2023-07-16)|演化算法的理论研究到底有什么用?(南京大学钱超教授)
  • 优盘驱动器未格式化?数据恢复全攻略
  • (超全)Kubernetes 的核心组件解析
  • 前端常用的【设计模式】和使用场景
  • QT下载问题:Download from your IP address is not allowed
  • 自建数据库VS云数据库
  • 【大数据开发语言Scala的入门教程】
  • docker部署kkfileview文件在线预览服务
  • 朱锐 | 生命图像中的时间和意识
  • pytorch: cpu,cuda,tensorRt 推理对比学习