vue+ts 发送手机验证码

请求

/**
 * 发送短信
 * @param params
 */
export async function sendCode(params): Promise<any> {
    return request({
        url: '/auth/code',
        method:'post',
        data:params
    });
}

页面请求

 //发短信验证倒计
            let timerText = ref(true);
            let timer = ref(60) ;
            const sendMobileCode = async (mobile) => {
              try {
                await sendCode({'mobile':mobile,'type':'user'});
                return true;
              }catch (e) {
                ElMessage.error('发送失败');
              }
            }
            const sendMsg = () =>{
              const regMobile = /^1(3|4|5|6|7|8|9)\d{9}$/;
              if (regMobile.test(modelRef.mobile)) {
                const res = sendMobileCode(modelRef.mobile);
                if(res ===true){
                  timerText.value = false;
                  let auth_timer = setInterval(()=>{
                    timer.value--;
                    if(timer.value<=0){
                      timerText.value = true;
                      timer.value = 60
                      clearInterval(auth_timer)
                    }
                  },1000);
                }
                return;
              }
              ElMessage.error('手机号错误');
            }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值