- 工信部备案号 滇ICP备05000110号-1
- 滇公网安备53011102001527号
- 增值电信业务经营许可证 B1.B2-20181647、滇B1.B2-20190004
- 云南互联网协会理事单位
- 安全联盟认证网站身份V标记
- 域名注册服务机构许可：滇D3-20230001
- 代理域名注册服务机构：新网数码
- CN域名投诉举报处理平台：电话：010-58813000、邮箱：service@cnnic.cn
相关文章
【滇企复工进行时】8455线路检测中心：未雨绸缪，危机之下必有机遇 倪光南推进国产操作系统：打破有鸡没蛋或有蛋没鸡 【站长故事】30岁seo老鸟走过的路：继续拼搏不敢松懈 良好习惯护航上网安全 A5图王：没有信心的站长看过来，让你恢复建站信心
Vue 实现基本手机号登录界面
2019-06-07 10:04:57
2828
手机号登录，分析一下页面可以知道一般是有两个按钮(获取验证码,登录)两个框(输入手机号,输入验证码)
所以有了下面这个玩意(不看具体功能，只看结构)
手机号
验证码
获取验证码
登录
这个时候就可以开始写逻辑了，也是来简单分析一下，登录需要点击，获取验证码需要点击并且能倒数秒数，也就是动态修改文字，体验好一点可以检查限定手机号位数，验证码位数。
那就差不多是下面这个样子
手机号
:value="phone"
ref="phone" v-on:change="changePhone" v-on:input="changePhone">
验证码
:value="code"
ref="code" v-on:change="changeCode" v-on:input="changeCode">
{{codeText}}
登录
有了这些已经足够你实现出一个基本的手机号登录界面了，如需完全代码请点击下面gist链接
完整代码参阅: /flxxyz/64ceb06a0754d67a771b3e3e7dc94d48
