Vue获取微博授权URL代码实例
更新时间：2020年11月04日 11:58:57 作者：周晓楠
这篇文章主要介绍了Vue获取微博授权URL代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
1.在Vue页面加载时动态发送请求获取微博授 权url
1.1 在 components\common\lab_header.vue 中写oauth动态获取微 博授权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函数中调用获取微博授权url函数
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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
Vue3中的setup一种是setup函数,一种是script setup,这篇文章主要给大家介绍了关于Vue3 - setup script使用的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-03-03
这篇文章主要介绍了vue中的非父子间的通讯问题简单的实例代码,需要的朋友可以参考下2017-07-07
这篇文章主要介绍了vue+elementUI的表格最后一行合计自定义显示方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
这篇文章主要介绍了VUE记账凭证模块组件的实例代码，代码简单易懂，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-03-03
这篇文章主要介绍了Vue el-upload单图片上传功能实现,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-11-11
在本篇文章里小编给大家整理了一篇关于Vue首屏性能优化组件知识点总结，有需要的朋友们可以跟着学习下。2021-11-11
今天小编就为大家分享一篇解决vue同一slot在组件中渲染多次的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了Vuex及其使用方法，感兴趣的同学，可以参考下2021-04-04
vue excel上传预览和table内容下载到excel文件中
这篇文章主要介绍了vue excel上传预览和table内容下载到excel文件中,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-12-12
路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源,下面这篇文章主要给大家介绍了关于Vue路由传递参数与重定向的使用方法,需要的朋友可以参考下2022-10-10
最新评论