获取验证码倒计时

<view class="getNum" @click="getNum" v-show="numShow">
    获取验证码
</view>
<view class="Num" v-show="!numShow">
    {{num}}s
</view>
data(){
    return {
        //控制文字和数字的显隐性
        numShow:true
    }
}
getNum: function () {
    this.numShow = false
    var interval = setInterval(() => {
        --this.second
    }, 1000)
    setTimeout(() => {
        clearInterval(interval)
        this.numShow = true
    }, 60000)
},
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐