vue网页分享，qq,微信，微博

最新推荐文章于 2024-04-19 14:57:07 发布

原创

最新推荐文章于 2024-04-19 14:57:07 发布 · 2.8k 阅读

20 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #html #html5


        1.分享到QQ空间接口：https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片&summary=你的分享描述信息

        2.分享给QQ好友接口：http://connect.qq.com/widget/shareqq/index.html?url=你的分享网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片地址&summary=你的分享描述&desc=你的分享简述

        3.分享到新浪微博接口：http://service.weibo.com/share/share.php?url=你的分享网址&sharesource=weibo&title=你的分享标题&pic=你的分享图片&appkey=你的key，需要在新浪微博开放平台中申请

html
<div onclick="share('qzone')"></div> 
<div onclick="share('sina')"></div> 
<div onclick="share('weixin')"></div>

<script>
export default{
	methods: {
		share(type){
			//qq空间分享接口
			if(type == 'qzone'){
				window.open('https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?				url='+document.location.href+'?sharesource=qzone&title=标题&pics=图片地址&summary= 描述')
			}
 			//新浪