1.在mixin文件夹中创建一个 share.js文件

export default {data() {return {// 默认的全局分享内容share: {title: '',path: '',    // 全局分享的路径imageUrl: '',    // 全局分享的图片desc: ''}}},// 定义全局分享// 1.发送给朋友onShareAppMessage(res) {return {title: this.share.title,path: this.share.path,desc: this.share.desc,imageUrl: this.share.imageUrl,}},//2.分享到朋友圈onShareTimeline(res) {return {title: this.share.title,path: this.share.path,desc: this.share.desc,imageUrl: this.share.imageUrl,}},
}

2.在main.js文件中引入

// 引入uView对小程序分享的mixin封装
const mpShare = require('@/uni_modules/uview-ui/libs/mixin/mpShare.js')
Vue.mixin(mpShare)

然后就可以在小程序右上角...里进行分享

3.自定义按钮

 //只能在button里面 用open-type进行分享
<u-button   open-type="share"><u-icon name="share" color="#2979ff" size="28" plain="true"></u-icon>分享  </u-button>

然后就是自定义按钮我只能用open-type进行好友分享,朋友圈没搞明白,望大佬指教

uni-app分享微信好友,朋友圈相关推荐

  1. vue(h5+app分享微信、朋友圈、保存图片)

    注意并不是h5而是vue打包的app h5+api(调用手机的一些功能) http://www.html5plus.org/doc/zh_cn/android.html 分享海报(image) sha ...

  2. android中设置lmargin简书,超详细React Native实现微信好友/朋友圈分享功能-Android/iOS双平台通用...

    (一)前言 本文主要会涉及到以下内容: 微信开发者应用申请审核 安装配置微信分享库 微信好友/朋友圈功能实现 (二)应用申请审核 首先大家需要去微信开发平台去注册账号并且创建一个移动应用.(地址:ht ...

  3. uniapp —— 小程序实现带参分享微信、朋友圈以及调试获取参数

    uniapp -- 小程序实现带参分享微信.朋友圈以及调试获取参数 零.起因以及分类 小程序 我们在开发微信小程序的过程中,经常需要实现分享给微信用户或者分享到微信朋友圈的功能,基本上我们会用到 on ...

  4. 微信小程序分享功能(微信好友,朋友圈)

    1.点击按钮实现分享微信好友 //html部分 <button class="share_list_button" open-type="share"&g ...

  5. 当你发现微信好友朋友圈是“一条杠”,你会把她、他删除吗?

    微信朋友出现'一条杠',大体有以下五种情况.如果不加以区分,无故删除对方,这显得有些不近人情.哪些情况可以删除对方,哪些情况不要删除对方?我从这五个方面分析这个问题. 1,微信好友不喜欢发朋友圈,这个 ...

  6. 一键清空朋友圈软件_微信清理朋友圈app下载-微信清理朋友圈下载v1.8.0 安卓版-西西软件下载...

    微信清理朋友圈app一款强大的微信清理工具,当你想要重置自己的微信号并删除所有的内容之时,又觉得一条条删太麻烦了,就可以用到这款神器工具,可以帮助你一键删除掉朋友圈内的所有内容,帮助你轻松的重置微信号 ...

  7. 一键转发微信好友朋友圈,自动跟圈

    今天咱来讲一下如何实现一键转发朋友圈? 如何一键跟圈,多个微信快速同步发圈? 01 一键转发 浏览朋友圈,在此页面可以浏览所登录的微信号的好友朋友圈,可以实现快速点赞.评论.一键转发. 单击" ...

  8. 在uniapp中实现微信分享功能(分享给好友+朋友圈+收藏)

    前言: 我们现在微信开发者工具中启动项目,我们点击三个点点就是进行调取下方分享界面,在开始的时候显示如下:是没有权限去分享的 方法: 一.在common下新建share.js公共的js文件,方便可以在 ...

  9. uniapp 微信小程序分享到好友 朋友圈

    维信小程序分享到朋友圈 只支持安卓部分机型 点击头部分享 onLoad: function() {wx.showShareMenu({withShareTicket: true,menus: [&qu ...

  10. vue分享微信、朋友圈

    文章目录 vue实现微信分享 效果图 前提: 公众号相关配置 `后台`返回`配置参数`格式参考 使用 遇到问题 安卓设备无法分享 签名错误 效果图 解决方法 常见错误及解决方法 vue实现微信分享 效 ...

最新文章

  1. Activity与Fragment的生命周期详解
  2. java 组合对象_Java 中组合模型之对象结构模式的详解
  3. 万源之源之drupal7
  4. 2010-2014总结 ____V_V____ hello-world
  5. 全宁对医药行业销售代表的介绍
  6. 键盘拆开重新安装步骤_机械键盘小白入门工具
  7. 图书租借管理系统java_阅览室图书租借管理系统下载
  8. 课程设计题七:交通灯控制器
  9. 数码相机计算机应用属于,数码相机是什么
  10. scratch拼图编程_使用模块化和项目拼图进行编程。 使用最新的抢先体验版的教程
  11. 前端实现csv文件类型下载
  12. mt4的服务器在哪个文件,MT4服务器地址在哪个文件
  13. IDE和SATA双硬盘安装全攻略
  14. XSS第一节,XSS档案
  15. 企业微信工作台集成CAS实现单点登录
  16. 【Kubernetes 企业项目实战】03、基于 Alertmanager 发送报警到多个接收方(下)
  17. 【链表】leetcode19.删除链表的倒数第N个节点(C/C++/Java/Js)
  18. 【Unity3d】 制作游戏主菜单 GUI
  19. Ubuntu下编译qt程序libQtWebEngineCore报错
  20. executeBatch报语法错误,分析是inert into的语句后面加了;

热门文章

  1. 渲染路径-u3d渲染路径比较
  2. coreldraw矫正两张图_coreldraw软件怎样图像倾斜矫正?
  3. C# 学习笔记:委托(2)
  4. 《启示录》—市场调研
  5. php imagepng报错,php保存图片时报错warning:imagepng():gd-png error:compression level must be
  6. JLink 警告:The connected J-Link is defective,Proper operation cannot be guaranteed.
  7. 记一次option请求与jwt过滤器冲突引起的跨域问题(CORS Missing Allow Origin)
  8. 智慧楼宇解决方案-全套大合集
  9. JAVA车辆理赔系统计算机毕业设计Mybatis+系统+数据库+调试部署
  10. 获取html表格指定行的元素