vue中如何進行微博分享-創(chuàng)新互聯(lián)

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

在平魯?shù)鹊貐^(qū)，都構建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供成都網站設計、網站制作 網站設計制作按需網站制作,公司網站建設,企業(yè)網站建設,品牌網站設計,全網營銷推廣,成都外貿網站建設,平魯網站建設費用合理。

1、首先要在頁面寫出點擊可進行微博分享的入口，樣式因自己項目而定：

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

2、其次，對微博按鈕進行點擊事件，也就是最重要的進行微博分享的操作：

// 微博分享
      $('.shareSina').on('click', function () {
        window.sharetitle = $(".print-tit").html();//分享的標題
        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);
      }

點擊后會出現(xiàn)一個新彈窗的頁面，頁面內含有你要分享的圖片及網站的名稱、詳情等，頁面會跳轉到新浪微博，如果你已經登錄微博，那么會直接分享成功，如果沒有登陸，會跳轉到登錄頁面，登陸后直接分享成功。

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

感謝你能夠認真閱讀完這篇文章，希望小編分享的“vue中如何進行微博分享”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關知識等著你來學習!

分享文章：vue中如何進行微博分享-創(chuàng)新互聯(lián)
URL鏈接：http://www.muchs.cn/article18/dhccdp.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供面包屑導航、軟件開發(fā)、網站排名、企業(yè)網站制作、云服務器、搜索引擎優(yōu)化

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)