vue codemirror sql 代码提示语_Vue获取微博授权URL代码实例_vue.js

 更新时间:2020年11月04日 11:58:57   作者:周晓楠  

这篇文章主要介绍了Vue获取微博授权URL代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

1.在Vue页面加载时动态发送请求获取微博授 权url

1.1 在 components\common\ 中写oauth动态获取微 博授权URL


// 获取微博登录地址
oauth() {
  // 从后端获取 微博登录地址
  oauth_post().then((resp) => {
    (resp)
    //{'code': '0', 'msg': '成功', 'data': {'url': url}}
    let url = resp.data.url;
    this.weibo_url = url;
  })
},

在vue的mounted函数中调用获取微博授权url函数


mounted() {
  ()
},

点击"登录"弹出的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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

  • 104e460bb284093402ad1393f0eab499.png

    Vue开发中整合axios的文件整理

    这篇文章主要给大家整理了在Vue开发中整合axios要用到的文件,在vue开发中,不可避免要整合axios,文中通过示例代码介绍的非常详细,需要的朋友们下面来一起看看吧。

    2017-04-04
  • a9c2d80edd82689607a5936957f31e86.png

    Element Input输入框的使用方法

    这篇文章主要介绍了Element Input输入框的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    2020-07-07
  • 8f9be1ef1c63503ad9789de0a9e179a1.png

    vue注册组件的几种方式总结

    下面小编就为大家分享一篇vue注册组件的几种方式总结,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    2018-03-03
  • 65a5ec2307b3d50bc440d250fd03fc3b.png

    Vue2单一事件管理组件通信

    这篇文章主要为大家详细介绍了Vue2单一事件管理组件通信的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    2017-05-05
  • 7a12c74a5771b122791acdcdf16d3f36.png

    vue中slot(插槽)的介绍与使用

    这篇文章主要给大家介绍了关于vue中slot(插槽)的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用vue具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    2018-11-11
  • 658ea7f5790d02fe2fc04f99de35d543.png

    组件通信的几种姿势

    组件 (Component) 是 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。下面通过本文给大家分享组件通信的几种姿势,感兴趣的朋友一起看看吧

    2017-10-10
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值