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

vue分享

代码

<!--  在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