vue获取验证码倒计时效果

css 这个用来禁止点击事件

        .closeclick{
            pointer-events: none;/*禁用点击事件*/
        }

html代码

<div class="list-item">
        <div class="list-name">
          验证码
        </div><!--
          --><input placeholder="请输入原手机号码" class="verification-input" value="" /><!--
          --><div @click="getcode" :class="{'closeclick':time!='获取验证码'}" class="Verification-code">
                        { {time}}<span v-show="time!='获取验证码'">秒后重新获取</span>
         </div>
 </div>

//模拟实现

js代码

data:{
    time:"获取验证码",
    close:"",
},

methods:{
     getcode(){
         this.time = 60;