uniapp 点击获取验证码

明日之后

[JavaScript] 纯文本查看 复制代码

<label class="regFrom_tom_yzlabel" :style="{ color : QzyzmStare?'#cccccc':'#2ebbfe'}" @click="Qzyzm">{{Qztime}}{{Qztext}}</label>

[JavaScript] 纯文本查看 复制代码

 export default {
   data(){
     return {
                 Qztime:'',
                 QzyzmStare:false,
                 Qztext:'获取验证码'
        }
           },
    onLoad(){
     },
    methods: {
                Qzyzm(){
                        var num = 60;
                        if( this.QzyzmStare == false){
                                this.Qztime ='60';
                                this.Qztext = 's后获取';
                                this.QzyzmStare = true;
                                var interval = setInterval(() =>{
                                                --this.Qztime
                                        },1000)
                                setTimeout(()=>{
                                        clearInterval(interval)
                                        this.Qztext = '获取验证码'
                                        this.Qztime = ''
                                        this.QzyzmStare = false
                                },60000)                                
                        }
                }        ,
     }
 }