vantui+vue写移动端项目练手（下）

墨蓝 2023-01-18 12:28 16阅读 0赞

短信登录用到的函数：  
![在这里插入图片描述][20210506145737701.png]  
短信验证逻辑：点击发送验证码会向后端发送请求由后端处理，后端将生成的验证码以及手机号码对应的存储起来，用户提交验证码后，后端进行比对验证

timesetdjs(){ 
          if(this.value == ""){   //判断手机号码是否输入
            return
          }
          var currentTime = 60
          this.disabled = true;  //发送验证码按钮禁止一分钟内重复点击
          var that = this;
          var interval = setInterval(function () { 
            that.showmsg = (currentTime - 1) + 's'  //倒计时时间
            currentTime--;
            if (currentTime < 0) { 
              clearInterval(interval);//清除计时器
              that.disabled = false  //60s后恢复点击
              that.showmsg = "发送验证码"
              currentTime = 60
            }
          },1000)
        },

随机获取一个四位数：

suijiCode(){ 
          // 获取一个[0,1) 的随机数
    			var randomNum = Math.random()
    		  //获取一个固定的4位数 
    			var checkCode = randomNum*9000
    				checkCode +=1000;
    			return parseInt(checkCode)
        },

[20210506145737701.png]: /images/20221021/7b0f1b00a210467c99b71eabac2d35a7.png

发表评论取消回复

表情：

评论列表（有 0 条评论，16人围观）

还没有评论，来说两句吧...

相关阅读

相关黑马程序员SpringMVC练手项目

目录 1、需求 2、项目准备 pom.xml SQL jdbc.properties log4j.properties applicationContext.xm

谁践踏了优雅/ 2024年03月23日 18:50/ 0 赞/ 56 阅读

相关 vue练手项目——桌面时钟

用vue实现一个简单的网页桌面时钟，主要包括时钟显示、计时、暂停、重置等几个功能。效果图如下，页面刚进来的时候是一个时钟，时钟上显示的时、分、秒为当前实际时间，点击计时器按

港控/mmm°/ 2023年08月17日 15:46/ 0 赞/ 127 阅读

相关 vantui+vue写移动端项目练手（下）

短信登录用到的函数： ![在这里插入图片描述][20210506145737701.png] 短信验证逻辑：点击发送验证码会向后端发送请求由后端处理，后端将生成的验证码

墨蓝/ 2023年01月18日 12:28/ 0 赞/ 17 阅读

相关 vantui+vue写移动端项目练手（上）

前言：本人属于垃圾码农一枚，此项目纯属练手，内容全部由本人自己构思，图片以及icon不属于本人原创，接口采用真实数据是自己付费买的，给小白们一起学习学习，需要源码请移步

我就是我/ 2022年11月17日 05:25/ 0 赞/ 196 阅读

相关 java 练手小项目

学习了javaSE的基础，为了巩固对Java面向对象编程，以及java多线程编程的理解，使用swing 写了一个很简单的小项目，源码github地址: [https://git

r囧r小猫/ 2022年05月28日 04:57/ 0 赞/ 261 阅读

相关基于canvas的移动端手写插件

mobile-graphics 基于canvas的移动端手写插件 github地址：[https://github.com/fisher-zh/graphics\[ht

ゞ浴缸里的玫瑰/ 2022年05月23日 13:24/ 0 赞/ 241 阅读

相关练手|常见26种NLP任务的练手项目

经常有人问我：老大让我完成xxx，我不会，他也不会，但是很着急。这个任务怎么实现啊？这个任务需要什么技术啊？这种情况我遇到有100+次了，而且很多时候问得问题跟具体需要的技术简

谁借莪１个温暖的怀抱￠/ 2022年03月20日 03:22/ 0 赞/ 272 阅读

相关 android练手项目集锦

> 哈哈一向的老传统，直接贴地址。话说现在各种开源项目不少，但是现在找几个优秀的还真不容易 [awaker][] 一个挺不错的用来学习 AAC 框架的dem

╰半橙微兮°/ 2021年12月10日 04:43/ 0 赞/ 464 阅读

相关 Java练手之Bank项目实现

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JhaWR1

朴灿烈づ我的快乐病毒、/ 2021年09月21日 12:14/ 0 赞/ 432 阅读

相关移动端手写tab栏

Demo 使用Vue.js实现 -------------------- javascript new Vue({ el: "a

骑猪看日落/ 2021年09月07日 06:00/ 0 赞/ 472 阅读