admin管理员组文章数量:1558103
1.路由配置router.js
const QuickLogin = () => import("./views/quick-login.vue");
{
path: "/quick-login.html",
name: "QuickLogin",
component: QuickLogin
},
2.login.vue里面
<a href="http://www....../coder/oauth2/qq/toLoginPage">
<i class="fa fa-qq"></i>
</a>
3.quick-login.vue中就写一些用户名,密码,发送验证码等内容
里面有获取地址栏的code和state
方法为:
// 获取地址栏的参数数组
getUrlParams() {
var search = window.location.search;
// 写入数据字典
var tmparray = search.substr(0, search.length).split("&");
var paramsArray = [];
if (tmparray != null) {
for (var i = 0; i < tmparray.length; i++) {
var reg = /[=|^==]/; // 用=进行拆分,但不包括==
var set1 = tmparray[i].replace(reg, "&");
var tmpStr2 = set1.split("&");
/* var array = [];
array[tmpStr2[0]] = tmpStr2[1]; */
paramsArray.push(tmpStr2[1]);
}
}
// 将参数数组进行返回
return paramsArray;
},
发送验证码代码:
timeCount() {
this.btnText = `${this.btnTime}S`;
let st = setInterval(() => {
this.btnTime--;
if (this.btnTime === 0) {
this.btnText = "发送验证码";
this.btnTime = 59;
clearInterval(st);
} else {
this.btnText = `${this.btnTime}S`;
}
}, 1000);
}
版权声明:本文标题:vue 登录页qq快速登录功能 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dianzi/1727385230a1112311.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论