vue中進(jìn)行微博分享的實(shí)例講解
更新時(shí)間：2019年10月14日 14:24:09 作者：我愛(ài)敲代碼
在本篇文章里小編給大家整理的是一篇關(guān)于vue中進(jìn)行微博分享的實(shí)例內(nèi)容，有需要的朋友們可以參考下。
1、首先要在頁(yè)面寫出點(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、這樣微博就分享成功了！
以上就是本次介紹的全部知識(shí)點(diǎn)內(nèi)容，感謝大家的學(xué)習(xí)和對(duì)腳本之家的支持。
您可能感興趣的文章:
相關(guān)文章
Electron+vue從零開(kāi)始打造一個(gè)本地播放器的方法示例
這篇文章主要介紹了Electron+vue從零開(kāi)始打造一個(gè)本地播放器的方法示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
我們所熟知的Vue.js也在如何提取公共代碼復(fù)用方面也一直在探索優(yōu)化，本文小編就來(lái)和各位聊聊Vue.js代碼復(fù)用的前世今生，希望對(duì)大家學(xué)習(xí)Vue有一定的幫助2023-05-05
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)評(píng)論列表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
vue實(shí)現(xiàn)圖片下載點(diǎn)擊按鈕彈出本地窗口選擇自定義保存路徑功能
vue前端實(shí)現(xiàn)前端下載,并實(shí)現(xiàn)點(diǎn)擊按鈕彈出本地窗口,選擇自定義保存路徑,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-12-12
Vue.js的Mixins功能允許封裝可復(fù)用的組件選項(xiàng),實(shí)現(xiàn)代碼復(fù)用和模塊化,Mixins可以包含數(shù)據(jù)、方法、生命周期鉤子等組件選項(xiàng),使用時(shí),Mixins中的選項(xiàng)會(huì)被混入組件中,優(yōu)先級(jí)低于組件自身選項(xiàng),優(yōu)點(diǎn)包括代碼復(fù)用、高靈活性和簡(jiǎn)單易用2024-09-09
解決antd Form 表單校驗(yàn)方法無(wú)響應(yīng)的問(wèn)題
這篇文章主要介紹了解決antd Form 表單校驗(yàn)方法無(wú)響應(yīng)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10
解決vue中使用swiper 插件出錯(cuò)的問(wèn)題
這篇文章主要介紹了vue中使用swiper 插件出錯(cuò)問(wèn)題及解決辦法，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-08-08
vue中axios給后端傳遞參數(shù)出現(xiàn)等于號(hào)和雙引號(hào)的問(wèn)題及解決方法
這篇文章主要介紹了vue中axios給后端傳遞參數(shù)出現(xiàn)等于號(hào)和雙引號(hào)要怎么解決,項(xiàng)目場(chǎng)景我是傳遞一個(gè)string字符給后端時(shí)候報(bào)錯(cuò)，隨手把這個(gè)問(wèn)題記錄下來(lái)了，需要的朋友可以參考下解決方案2022-11-11
詳解Vue、element-ui、axios實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)
這篇文章主要介紹了Vue、element-ui、axios實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
詳解關(guān)于vue-area-linkage走過(guò)的坑
這篇文章主要介紹了詳解關(guān)于vue-area-linkage走過(guò)的坑，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06