vue组件中校验手机号、发送验证码倒计时、密码明文切换、短信验证登录(1)

总结

阿里十分注重你对源码的理解，对你所学，所用东西的理解，对项目的理解。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

2.要用计时器，先清除定时器

3.当计时器为0，设置30秒定时器，每秒-1，当定时器为0时，清除定时器

密码明文切换

1.设置两个输入框：type：text和password

2.切换两个输入框的显示和隐藏

硅谷外卖

<a href=“javascript:;” :class=“{on: loginWay}” @click=“loginWay=true”>短信登录

<a href=“javascript:;” :class=“{on: !loginWay}” @click=“loginWay=false”>密码登录

<button :disabled=“!rightPhone” class=“get_verification”

:class=“{right_phone: rightPhone}” @click.prevent=“getCode”>

{{computeTime>0 ? 已发送(${computeTime}s) : ‘获取验证码’}}

温馨提示：未注册硅谷外卖帐号的手机号，登录时将自动注册，且代表已同意

《用户服务协议》

{{showPwd ? ‘abc’ : ‘…’}}

<img class=“get_verification” src=“http://localhost:4000/captcha” alt=“captcha”

@click=“getCaptcha” ref=“captcha”>

登录

关于我们

<a href=“javascript:” class=“go_back” @click=“$router.back()”>

<AlertTip :alertText=“alertText” v-show=“alertShow” @closeTip=“closeTip”/>