前言:
1.分享的4個平臺,facebook,twitter,微博是通過鏈接來進行分享,微信是通過二維碼來分享。
2.facebook是不支持自帶title進入的。
注:分享的vue項目的網(wǎng)頁地址,如有參數(shù)不要用query傳值(xxx.com?test=123),要用params傳值(xxx.com/123)。router路由模式,最好用 history
開始:
1.twitter分享:text是分享傳入的標題,url是分享的網(wǎng)頁地址
<a title="twitter" target="_blank">twitter</a>
2.微博分享:title是分享傳入的標題,url是分享的網(wǎng)頁地址
<a title="weibo" target="_blank">weibo</a>
3.facebook分享:u是分享的網(wǎng)頁地址
<a title="facebook" target="_blank">facebook</a>
4.微信分享:將網(wǎng)頁鏈接轉成二維碼,用戶用微信來掃一掃,打開網(wǎng)頁后在分享
1.先安裝轉二維碼的包:
npm i qrcode2 -S
2.引入項目中
import QRCode from 'qrcode2'
3.創(chuàng)建一個放二維碼的div,且加上id
<div id="wechat"></div>
4.將當前網(wǎng)頁的鏈接轉成二維碼,注:分享的title,微信會將網(wǎng)頁的title認為的分享的title
new QRCode('wechat', {
width: 200, // 二維碼寬度
height: 200, // 二維碼高度
text: url, //url為網(wǎng)頁的鏈接
});
如果問題,請留言