前言
第三方qq登录我们可以直接利用qq登录的JSdk很方便
文档说明:http://wiki.open.qq.com/wiki/website/JS_SDK%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E
示例代码文档:https://connect.qq.com/intro/login/jssdk-demo
流程
在vue入口index.html中头部引入qq的sdk,在其他页面钩子函数中即可使用qqskd的函数
qq登录流程比较简单,我就稍微说一下
1.在vue页面上点击qq登录跳转到授权页面
2.授权成功后进入回调页面
3.回调页面可以执行一下自己的逻辑,我这边回调页面弄得是后台页面,你也可以是前端的,回调中处理完自己逻辑后可以回跳回来
4.然后在页面中就可以检测到qq是否登录了,看下面代码
created(){ this.test(this.code) this.testqq() }, methods:{ testqq(){ if(QC.Login.check()){ //如果已登录 //这里做自己逻辑处理 }); } } }