1.vue发送短信逻辑

前端函数如下,js方法代码无需更改，前端代码逻辑在components\common\lab_header.vue

只需要修改components\axios_api\http.js中调用的后端地址

// axios.defaults.baseURL = "http://127.0.0.1:8000/"
axios.defaults.baseURL = "http://192.168.56.100:8888/"

    // 获取手机验证码sendcode() {// 0. 判断是否发送中if (this.is_send) {return}this.check_phone()this.check_imgcode()if (this.phone_error || this.imgCode_error) {return false}// 3、短信发送// imgCode: '',// uuid: '',var data = { phone: this.phone, image_code_uuid: this.uuid, image_code: this.imgCode }this.is_send = truesend_phone_code_post(data).then((res) => {console.log(res)if (res.code != 0) {this.errorMsg = res.msgreturn}let t = 10let si = setInterval(() => {this.msgButtonText = tt = t - 1if (t == 0) {this.is_send = falsethis.msgButtonText = '获取手机验证码'clearInterval(si)}}, 1000)// if (res.data.code == 200) {//   console.log('短信发送成功')//   alert(res.data.message)// } else {//   alert(res.data.message)// }}).catch((err) => {console.log(err)})},

Vue获取手机验证码相关推荐

vue获取手机验证码60秒倒计时，不能点击按钮
vue获取手机验证码60秒倒计时,不能点击按钮 export const resend = element => {console.log(element)var num = 60var tim ...
vue获取手机验证码倒计时
现在有许多移动端登录是使用的是手机号码加验证码的方式登陆的,但是很多时候为了防止恶意获取短信验证码需要在前端做一些控制. 例如下列场景: 我们在前端写一个定时器函数,显然可以满足倒计时功能,但是页面被 ...
如何封装一个vue组件（获取手机验证码的组件）
如何封装一个vue组件(获取手机验证码的组件) 定义一个名为 item-time 的新组件,这是获取手机验证码的组件 Vue.component('item-time', {props: ['maxt ...
2022.9.17 vue、element-ui实现登录获取手机验证码，进行手机号校验、验证码CD60秒
一.实现效果: 1.直接点击,不为空校验 2.输入手机号格式不正确时 3.获取完验证码进行读秒二.页面html <el-formclass="phone-form"ref= ...
springboot+vue实现手机验证码功能
springboot+vue实现手机验证码功能榛子云短信平台用户中心注册登录(有免费的一条消息,剩下的需要买)(阿里云个人得备案) 在springboot中加入依赖,用到了redis,阿里的fast ...
获取手机验证码按钮的效果实现
在web网页中,用户的一些行为,例如注册,登录,付款,修改密码等,都需要网站通过手机验证码来确认其行为身份,从而保证用户账户和网站自身的安全. 一.简介网页中的验证码一般都是采用点击获取的方式,在实 ...
微信小程序获取手机验证码
一种比较常见的功能获取手机验证码先看效果图: 其实这个功能实现起来很简单,主要就是调取第三方接口,拿到返回值验证的问题直接上代码吧: <view class='changeInfo'> ...
小程序获取手机验证码
<view class="container"><view class="phone"><view class="bir ...
android获取手机验证码界面以及倒计时实现demo，移动端应用开发试题
'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', ...
android 自动获取手机验证码
真的很奇怪大家的复制粘贴功能,一篇自动获取手机验证码的文章各大平台争相转发,我以为很牛逼,到后来发现不能用,可能我技术不够吧,复制粘贴还不到家. android 自动获取手机验证码好处 :① 用户不用 ...

Vue获取手机验证码

1.vue发送短信逻辑

Vue获取手机验证码相关推荐

最新文章

热门文章