1.分享给qq好友
window.open("/widget/shareqq/index.html?url=" +encodeURIComponent(要分享的网址) +"?sharesource=qzone&title=" +自定义标题 +"&pics=" +自定义图片 +"&summary=" +自定义概要 +"&desc=" + 自定义描述);
注:要分享的网址一定要用encodeURIComponent(url)
方法进行转码
2.分享到qq空间
window.open('https://sns./cgi-bin/qzshare/cgi_qzshare_onekey?url='+要分享的网址 +'&sharesource=qzone&title='+自定义标题 +'&pics='+你的分享图片 +'&summary='+自定义描述);
3.分享到微信(扫码分享 生成的二维码qq也能扫)
3.1 vue写法
npm引入依赖"qrcode": "^1.4.4"
import QRCode from "qrcode";
先在页面上定义一个canvas标签
<canvas class="canvas" id="canvas" ref="canva"> </canvas>
js代码:
createQRcode(url) {let canvas = this.$refs.canva;QRCode.toCanvas(canvas, url, {margin: 1.5 }, function(error) {if (error) console.error(error);});canvas.style.display = "block"; //显示canvasthis.qrcode = canvas.toDataURL("image/png");}//调用方法this.createQRcode(要分享的网址)
3.2 原生js写法
引入qrcode.min.js文件 (自己去找吧)
<div class="testCode"></div>
// 生成测试链接二维码function createQRcode(url) {let qrcode = new QRCode(document.getElementsByClassName("testCode")[0]);qrcode.makeCode(url);}//调用方法createQRcode(location.href);
4.分享到微博
window.open("http://v./share/share.php?pic=" +自定义图片 +"&title=" +自定义标题 +"&url=" +要分享的网址);