vue网页分享,qq,微信,微博
1.分享到QQ空间接口:https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片&summary=你的分享描述信息2.分享给QQ好友接口:http://connec...
·
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= 描述')
}
//新浪微博接口的传参
if(type=='sina'){
window.open('http://service.weibo.com/share/share.php?url='+document.location.href+'?sharesource=weibo&title=标题&pic=图片&appkey=微博平台申请的key');
}
//qq好友接口的传参
if(stype == 'qq'){
window.open('http://connect.qq.com/widget/shareqq/index.html?url='+document.location.href+'?sharesource=qzone&title=标题&pics=图片地址&summary= 描述')
}
//微信分享
var url = window.location.href,
encodePath = encodeURIComponent(url),
targetUrl = 'http://qr.liantu.com/api.php?text=' + encodePath;
window.open(url,'weixin', 'height=320, width=320')
}
}
}
</script>
更多推荐
已为社区贡献3条内容
所有评论(0)