鸿蒙获取验证码封装

最新推荐文章于 2024-09-29 02:47:19 发布

大土豆的bug记录

最新推荐文章于 2024-09-29 02:47:19 发布

阅读量188

点赞数 3

分类专栏：鸿蒙开发文章标签：华为 harmonyos 前端鸿蒙

本文链接：https://blog.csdn.net/m0_60880588/article/details/140716170

版权

鸿蒙开发专栏收录该内容

30 篇文章 1 订阅

订阅专栏

实现步骤：

页面按钮：

Button(this.countDown===0 ?  `获取验证码`:`${this.countDown}秒`)
              .width(100)
              .height(30)
              .fontSize(13)
              .onClick(()=>{
                if(this.countDown === 0){
                  this.startCountDown()
                }else{
                  promptAction.showToast({ message:`请${this.countDown}秒后再重新获取`,duration:2000,alignment:Alignment.Center })
                }

              })

倒计时：

 startCountDown() {
    this.countDown = 60
    this.timer = setInterval(() => {
      this.countDown -= 1
      if (this.countDown === 0) {
        clearInterval(this.timer)
      }
    }, 1000)
  }