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