Vue獲取微博授權(quán)URL代碼實例
更新時間：2020年11月04日 11:58:57 作者：周曉楠
這篇文章主要介紹了Vue獲取微博授權(quán)URL代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
1.在Vue頁面加載時動態(tài)發(fā)送請求獲取微博授 權(quán)url
1.1 在 components\common\lab_header.vue 中寫oauth動態(tài)獲取微 博授權(quán)URL
// 獲取微博登錄地址
oauth() {
// 從后端獲取 微博登錄地址
oauth_post().then((resp) => {
console.log(resp)
//{'code': '0', 'msg': '成功', 'data': {'url': url}}
let url = resp.data.url;
this.weibo_url = url;
})
},
1.2 在vue的mounted函數(shù)中調(diào)用獲取微博授權(quán)url函數(shù)
mounted() {
this.oauth()
},
1.3 點擊"登錄"彈出的form表單中加入url
<form action="/login" method="post" > <div class="form-group widget-signin"> <a :href="weibo_url" rel="external nofollow" ><i class="fa fa-weibo"></i></a> </div> </form>
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要想來和大家一起探討一下Vue為什么需要同時使用Ref和Reactive，文中的示例代碼簡潔易懂，感興趣的小伙伴可以跟隨小編一起了解一下2023-08-08
本文主要實現(xiàn)給項目的整個背景加上自定義水印，可以改變水印的文案和字體顏色等，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
在vscode 中設(shè)置 vue模板內(nèi)容的方法
這篇文章主要介紹了在vscode 中設(shè)置 vue模板內(nèi)容的方法,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-09-09
vue3在單個組件中實現(xiàn)類似mixin的事件調(diào)用
這篇文章主要為大家詳細(xì)介紹了vue3如何在單個組件中實現(xiàn)類似mixin的事件調(diào)用,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01
vue2和elementUI?實現(xiàn)落日余暉登錄頁和滑塊校驗功能
這篇文章主要介紹了vue2和elementUI打造落日余暉登錄頁和滑塊校驗,本文通過實例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-06-06
vue如何使用formData傳遞文件類型的數(shù)據(jù)
這篇文章主要介紹了vue如何使用formData傳遞文件類型的數(shù)據(jù)問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
本文給大家詳細(xì)講述了Vue2.0中集成UEditor富文本編輯器的方法以及相關(guān)注意事項做了講述，有興趣的朋友學(xué)習(xí)下。2018-03-03
vue-cli自定義創(chuàng)建項目eslint依賴沖突解決方式
vue-cli是vue.js的腳手架,用于自動生成vue.js+webpack的項目模板,在創(chuàng)建項目時,如果遇到npm安裝報錯,通常是由于依賴版本沖突造成的,文中通過圖文以及代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
這篇文章給大家分享了Vue實例以及生命周期的相關(guān)知識點內(nèi)容，有興趣的朋友們可以學(xué)習(xí)下。2018-08-08
今天小編就為大家分享一篇在vue中解決提示警告 for循環(huán)報錯的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09