继续编写start函数
如果拿到的token至不为空，则传递值给atus，当atus状态为""时调用函数：
if (re.data.result == null) {this.wechatMiniappLoginStatus = "EXPIRED";this.wechatMiniappLoginToken = null;this.loading = false;} else {var result = re.data.result;this.wechatMiniappLoginStatus = result.status;if (this.wechatMiniappLoginStatus == "AUTHORIZED" &&result.providerAccessCode != null) {await this.handleWxLogin(result.providerAccessCode).then(() => {this.wechatMiniappLoginToken = null;this.loading = false;}).catch((e) => {this.wechatMiniappLoginToken = null;this.loading = false;clearInterval(this.timerId);});} else {this.loading = false;}}
接下来简单编写一个界面，
界面将清晰的反映atus各个状态时对应的UI交互：
WAIT(等待扫码)：
(已扫码)：
(已扫码)：
完整的Html代码如下：




文章插图
刷新{{ userInfo }}
至此我们已完成网页端的开发工作

• JS之数组遍历forEach
• ddr5内存频率
• vue中如何简单使用vue.draggable组件实现拖拽功能
• iqoo11屏幕是三星的吗
• 前端框架三巨头年度走势对比：Vue 增长率最高
• 三 用Abp实现短信验证码免密登录：Vue网页端开发
• 使用Yeoman实现vue项目结构创建
• 使用：hover和onmouseover的响应事件
• 前端框架三巨头：React仍是老大，Vue 增长率最高
• vue-antd-admin管理后台使用教程