app接码教程，附源码

写在前面
短信验证现在做项目几乎是必备技能，现在我帮我最近这个项目的这一功能实现分享给大家，希望有所帮助。
先上效果图

html代码

<view class="match-row form-item"><view class="title">手机号</view><input placeholder-class="in-text" :disabled="IDNumber != ''?true:false" placeholder="请输入手机号" v-model="Phone" @blur="checkPhone" /><view class="checking" @tap="handleCode" v-if="IDNumber == ''">{{codeBtn}}</view></view><view class="match-row form-item" v-if="IDNumber == ''"><view class="title">短信验证码</view><input class="input-text" v-model="code" placeholder="请输入短信验证码" placeholder-class="in-text" type="text" /></view>

js代码

data() {return {Phone: '',codeBtn: '获取验证码',code: '',isClick2: true,};},
methods: {//获取验证码handleCode() {var that = this;let count = 60;if (that.Phone == '') {uni.showToast({title: '手机号不能为空',duration: 1000,icon: 'none'});} else if (that.isClick2) {that.isClick2 = false;let timer = setInterval(function() {count--;that.codeBtn = '获取中(' + count + ')';if (count == 0) {that.isClick2 = true;clearInterval(timer)that.codeBtn = '重新获取';}}, 1000)that.utils.sendRequest('/api/publicc/send_code', 'GET', {mobile: that.Phone}).then(function(res) {if (res.data.code == 1) {uni.showToast({title: '已发送，请注意查收',duration: 1000,icon: 'none'});}})}},},

创作不易，点个赞吧！！

版权声明：如无特殊说明，文章均为本站原创，转载请注明出处
本文链接：https://blog.csdn.net/wsad861512140

app接码教程，附源码相关推荐

java中batch基础_详解Spring batch 入门学习教程(附源码)
详解Spring batch 入门学习教程(附源码) 发布时间:2020-09-08 00:28:40 来源:脚本之家阅读:99 作者:achuo Spring batch 是一个开源的批处理框架. ...
Flask+VUE 实现页面增删改查显示开发+测试（图文教程附源码）
目录一.新建项目并初始化二.安装依赖 axios.elementUI 三.Vue代码四.进行接口联调五.后端接口优化六.web页面功能测试七.总结八.展望九.附录(截止发文时的代码) ...
python 开发视频播放网站_python开发微电影视频网站教程附源码
做为一个合格的Pythoner,只掌握一个框架是不够,如果你有过其它Python框架(例如django)的使用经验,对比不同框架的特性来学习,你将收获更多当前信息若含有黄赌毒等违法违规不良内容,请点 ...
毕业设计-基于SSM框架大学教务管理平台项目开发实战教程(附源码)
文章目录 1.项目简介 2.项目收获 3.项目技术栈 4.测试账号 5.项目部分截图 6.常见问题毕业设计-基于SSM框架大学教务管理平台项目实战教程-附源码课程源码下载地址:https://do ...
VC++利用笔记本自带摄像头扫二维码功能(附源码demo)
VC++开发常用功能一系列文章 (欢迎订阅,持续更新...) 第8章:VC++利用笔记本自带摄像头扫二维码功能(附源码demo) 源代码demo已上传到百度网盘:永久生效 ,代码实现了打开笔记本 ...
用java实现表白二维码（附源码）
用java实现表白二维码(附源码) 以下源码可以实现生成一个表白二维码,扫描二维码就能看到二维码里蕴藏的信息. import com.google.zxing.BarcodeFormat;import ...
微信小程序UI自动化实践：python+minium+PO模式（超详细教程附源码供下载）
文章目录前言一.minium介绍二.安装环境 1. 安装minium doc 2. 安装minium 3. 启动小程序三.准备知识 1. 启动 2. 配置 3. 命令行运行 4. 元素定位 5 ...
【python】70行代码，实现 GTA侠盗猎车按键组合触发作弊码。附源码及效果图
[python]实现GTA侠盗猎车通过按键组合触发作弊码引言实现效果代码源码下载链接引言众所周知,GTA中的作弊码不需要输入框. 只需要通过键盘输入特定的组合,即可触发效果. 实现效果任 ...
SpringBoot 和 Vue 前后端分离教程(附源码)
编辑:业余草来源:https://www.xttblog.com/?p=4851 昨天,一位网友问我要 SpringBoot + Vue 的源码项目.其实网上有很多,我这里分享一个项目的简单教程,授 ...
2020最新款影视小程序后端+前端搭建详细教程附源码
准备工作教程很详细一步步操作都可以上线,教程都是亲自发布的,希望各位要搬运的时候备注来自哪里购买云服务器:教程等待更新购买域名+配置ssl证书:教程待更新常见问题: 问:域名需要备案吗? 回: ...

app接码教程，附源码

app接码教程，附源码相关推荐

最新文章

热门文章