欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue中進行微博分享的實例講解

 更新時間:2019年10月14日 14:24:09   作者:我愛敲代碼  
在本篇文章里小編給大家整理的是一篇關于vue中進行微博分享的實例內(nèi)容,有需要的朋友們可以參考下。

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)一個新彈窗的頁面,頁面內(nèi)含有你要分享的圖片及網(wǎng)站的名稱、詳情等,頁面會跳轉到新浪微博,如果你已經(jīng)登錄微博,那么會直接分享成功,如果沒有登陸,會跳轉到登錄頁面,登陸后直接分享成功。

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

以上就是本次介紹的全部知識點內(nèi)容,感謝大家的學習和對腳本之家的支持。

相關文章

  • Vue富文本插件(quill-editor)的使用及說明

    Vue富文本插件(quill-editor)的使用及說明

    這篇文章主要介紹了Vue富文本插件(quill-editor)的使用及說明,具有很好的參考價值,希望對大家有所幫助。
    2023-02-02
  • vue中的計算屬性和偵聽屬性

    vue中的計算屬性和偵聽屬性

    這篇文章主要介紹了vue中的計算屬性和偵聽屬性,幫助大家更好的理解和學習vue框架的使用,感興趣的朋友可以了解下
    2020-11-11
  • vue組件庫的在線主題編輯器的實現(xiàn)思路

    vue組件庫的在線主題編輯器的實現(xiàn)思路

    這篇文章主要介紹了vue組件庫的在線主題編輯器的實現(xiàn)思路,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-04-04
  • 詳解Vue 實例中的生命周期鉤子

    詳解Vue 實例中的生命周期鉤子

    這篇文章主要介紹了詳解Vue 實例中的生命周期鉤子,在Vue的整個生命周期中,它提供了一些生命周期鉤子,給了我們執(zhí)行自定義邏輯的機會。
    2017-03-03
  • vue路由第二次進入頁面created和mounted不執(zhí)行問題及解決

    vue路由第二次進入頁面created和mounted不執(zhí)行問題及解決

    這篇文章主要介紹了vue路由第二次進入頁面created和mounted不執(zhí)行問題及解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-12-12
  • Vue實現(xiàn)返回頂部按鈕實例代碼

    Vue實現(xiàn)返回頂部按鈕實例代碼

    這篇文章主要給大家介紹了關于Vue實現(xiàn)返回頂部按鈕的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-10-10
  • 全局引入vant后使用Toast的問題及解決

    全局引入vant后使用Toast的問題及解決

    這篇文章主要介紹了全局引入vant后使用Toast的問題及解決,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-05-05
  • vue高德地圖之玩轉周邊

    vue高德地圖之玩轉周邊

    vue高德地圖,帶你玩轉周邊,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • vue項目實現(xiàn)按鈕可隨意移動

    vue項目實現(xiàn)按鈕可隨意移動

    這篇文章主要為大家詳細介紹了vue項目實現(xiàn)按鈕可隨意移動,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • element的el-upload組件上傳文件跨域問題的幾種解決

    element的el-upload組件上傳文件跨域問題的幾種解決

    跨域問題網(wǎng)上搜索很多,感覺情況都不一樣,本文主要介紹了element的el-upload組件上傳文件跨域問題的幾種解決,具有一定的參考價值,感興趣的可以了解一下
    2024-03-03

最新評論