vue分享

文章目录

  • vue分享
    • 代码
    • 效果
    • 下载引入的文件
    • 不下载文字直接使用官网的cdn也可以
    • api

代码

<!--  在public/index.html引用 -->
<link rel="stylesheet" href="/static/css/share.min.css">
<script src="/static/js/social-share.js"></script>
<script src="/static/js/qrcode.js"></script><!— 调用 —>
<div id="share" style="margin-top:-.1rem;"></div>
mounted(){setTimeout(() => {this._initShare();}, 500);
},
methods:{_initShare() {socialShare("#share", {sites: ["weibo", "qq", "wechat"]});},

效果

下载引入的文件

下载资源

不下载文字直接使用官网的cdn也可以

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/css/share.min.css"><script src="https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/js/social-share.min.js"></script>

api

https://zzzmh.cn/single?id=41

vue版分享微博 分享微信 分享qq |亲测有效|2020年08月13日相关推荐

  1. IT研发软件项目每天立会分享-【记2020年08月06日项目研发工作进展】

    每日立会在技术研发项目团队,还是有必要也有实际意义的会议.其形式是通过每天早晨项目团队成员一起参与的简短会议,可快速的了解项目进展,及时有效的发现问题,并解决问题,,可以高效的提高团队合作.问题可以是 ...

  2. php 分享微博,php微信分享到朋友圈、QQ、朋友、微博

    本文实例为大家分享了php微信分享到朋友圈.QQ.朋友.微博的具体代码,供大家参考,具体内容如下 前台代码 wx.config({ debug: false, appId: "{$signP ...

  3. JS 分享(微博,微信,QQ ,QQ 空间)

    <div><a href="#" onClick="sinaShare()">微博</a><a href=" ...

  4. 【2020年08月10日已解决】联想小新pro13锐龙版2020wifi问题解决方案

    小白进阶之联想小新pro13锐龙版2020wifi问题解决方案 一.前言 二.问题解决方案小记 1.问题描述 2.问题解决过程小记 咨询客服 实际操作 3 .解决方案总结 三.结语 叮嘟!小白进阶,每 ...

  5. 信支付jsapi(java版)【1】微信商户号mchid哪里找 2017年02月28日 08:45:33

    我们在开发微信支付功能的时候首先必须确定两个非常重要的参数,就是商户号mchid和商户秘钥key,那么这两个参数在哪里获取呢,请仔细阅读下面的查询方法. 一.微信支付商户号mchid的查找 1.1.登 ...

  6. c51语言提供了code存储类型来访问,单片机原理与应用(C51编程+proteus仿真)第2版张毅刚--第3章课后习题答案2020年1月30日整理...

    单片机原理与应用(C51编程+proteus仿真)第2版 -张毅刚课后习题参考答案 第3章思考题及习题3 参考答案 一.填空 1.与汇编语言相比, C51语言具有().().().和()等优点.答:可 ...

  7. H5手机移动端调起浏览器自带分享功能实例(QQ、UC浏览器微博、微信分享)

    H5手机移动端调起浏览器自带分享功能实例(QQ.UC浏览器微博.微信分享) 注:代码需要在服务器或测试服务器上方可看到效果 HTML: <span class="viewshare w ...

  8. 【网页分享到微博、微信、qq空间、qq】

    网页分享到微博.微信.qq空间.qq 参考文章 实现功能 获取当前网址 document.location.href 1.微博分享 2.微信分享 3.qq空间分享 4.qq分享 参考文章 参考文章 实 ...

  9. H5手机页面调起浏览器自带分享功能实例(QQ、UC浏览器微博、微信分享)

    H5手机页面调起浏览器自带分享功能实例(QQ.UC浏览器微博.微信分享) HTML: <span class="viewshare wx" data-mshare=" ...

最新文章

  1. C++应用程序性能优化(三)——C++语言特性性能分析
  2. 基于MATLAB的语音信号的时域特性分析(一)——分帧、窗函数
  3. keras 模型简介
  4. 内部网站更换服务器,网站更换服务器的具体操作流程!
  5. 数据驱动才是零售企业转型的核心!
  6. 使用node.js检查js语法错误
  7. SuppressLint黄色警告的原因以及解决办法
  8. 大家狂欢吧,我的Google帐号悲剧了
  9. Qt之QLocalSocket
  10. Mysql (21)---连接的使用
  11. 【Elasticsearch】搜索类型 SearchType
  12. 学习Java 第 4天 流程控制语句 one大白(●—●)
  13. 解决IDEA支持GBK编码项目的问题
  14. 当下最流行的几个php论坛程序比较哪个好
  15. 遇到svn is already locked 解决办法
  16. FFmpeg将MP4视频切割成ts文件
  17. python修改误差棒的样式_matplotlib可视化番外篇bar()--带误差棒的柱状图
  18. VGA数模转换电阻匹配网络分析
  19. Creo AFX钢结构设计视频教程
  20. [MSDN]关键字查询语言 (KQL) 语法参考

热门文章

  1. Win8下双系统win7 教程详解
  2. 苹果开发者证与真机调试
  3. 传播动力学--SIR模型及其应用
  4. 接码平台源码_你的票被服务器上的爬虫“吃”了,本文解析爬虫抢票的源码!...
  5. Hbuilderx打包视频网站APP实现全屏横屏旋转的方法
  6. 人工智障也刷题!Kaggle 入门之实战泰坦尼克号
  7. java wtc_通过Java来调用WTC服务 | 学步园
  8. mysql innodb文件存储_MySQL数据库和InnoDB存储引擎文件
  9. 二三类户开户风险和交易风险再讲
  10. 四轮驱动(SSMR)移动机器人手柄控制