vue中如何進(jìn)行微博分享

這篇文章主要介紹了vue中如何進(jìn)行微博分享，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

1、首先要在頁(yè)面寫(xiě)出點(diǎn)擊可進(jìn)行微博分享的入口，樣式因自己項(xiàng)目而定：

<li class="bottomIcon_5 shareSina"><a href="javascript:;" rel="external nofollow" target="_blank"></a><div class="shareTxt">微博</div></li>

2、其次，對(duì)微博按鈕進(jìn)行點(diǎn)擊事件，也就是最重要的進(jìn)行微博分享的操作：

// 微博分享
      $('.shareSina').on('click', function () {
        window.sharetitle = $(".print-tit").html();//分享的標(biāo)題
        window.shareUrl = $(".myShare img").attr('src');//分享顯示的圖片
        share();
      })
      function share() {
        (function(s, d, e) {
          try {} catch (e) {}
          var f = 'http://v.t.sina.com.cn/share/share.php?',
            u = window.location.href,
            p = ['url=', e(u), '&title=分享的名稱', '&pic=', e(window.shareUrl)].join('');
      
          function a() {
            if (!window.open([f, p].join(''), 'mb', ['toolbar=0,status=0,resizable=1,width=620,height=450,left=', (s.width - 620) / 2, ',top=', (s.height - 450) / 2].join(''))) u.href = [f, p].join('');
          };
          if (/Firefox/.test(navigator.userAgent)) { setTimeout(a, 0) } else { a() }
        })(screen, document, encodeURIComponent);
      }

點(diǎn)擊后會(huì)出現(xiàn)一個(gè)新彈窗的頁(yè)面，頁(yè)面內(nèi)含有你要分享的圖片及網(wǎng)站的名稱、詳情等，頁(yè)面會(huì)跳轉(zhuǎn)到新浪微博，如果你已經(jīng)登錄微博，那么會(huì)直接分享成功，如果沒(méi)有登陸，會(huì)跳轉(zhuǎn)到登錄頁(yè)面，登陸后直接分享成功。

3、這樣微博就分享成功了！

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“vue中如何進(jìn)行微博分享”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!