uniapp+vue3.0实现验证码倒计时

验证码倒计时还是自己写靠谱

样式是这样的：

样式就不写了

主要的思路就是：

1.点击获取验证码的时候，按钮的文字变成倒计时，并且把这个获取验证码的按钮，变成不可点击

因此，我们需要以下这几个字段：

const countdown = ref(60)   //倒计时的时长，这里为60秒

const timer = ref(null)   //定义一个定时器

const codeText = ref('获取验证码')  //一个按钮的文案

const btndisabled = ref(false)   //按钮的disabled，按钮是否禁用

2. 定义一个倒计时和重置倒计时的函数。

注意：在这个countdown倒计时减到0的时候，则重置倒计时和定义的属性数据

3.获取验证码的接口函数，当点击按钮获取验证码时，则要调取这个开始倒计时的函数。