vue中与第三方登录的对接

QQ第三方登录及授权

本地不好测试,因为域名写的是测试环境的

//login.vue
 QC.Login.showPopup({
    
    
       appId: "123456789",   //your appId
       redirectURI: `http://test.me.cn/logintmp`
 });

//index.html
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"  charset="utf-8"></script>
 
// logintmp.vue
if (QC.Login.check()) {
    
    
     QC.Login.getMe((openId, accessToken) => {
    
    
       this.openId = openId;
       this.accessToken = accessToken;
   });
} 

登陆成功后打开回调页面一闪而过，自动被关闭

注意:index.html中的script标签里不要写属性data-callback=true