pc端实现手机号发送验证码倒计时

<template>
  <div class="registered-wrap">
    <div class="container">
      <div class="header">欢迎登录</div>
        <div class="from-wrap">
            <div class="from-left"></div>
            <div class="from-right">                
                <div :class="['from-content',!switchFlag ? 'form-margintop' : '']">
                    <el-form :model="ruleForm" :rules="rules" ref="ruleForm">
                        <el-form-item prop="username">
                            <el-input
                                class="from-input"
                                v-model.trim="ruleForm.username"
                                placeholder="请输入手机号"
                            >
                            </el-input>
                        </el-form-item>
                        <el-form-item prop="captcha">
                            <div class="verification-wrap">
                                <el-input
                                    class="code-input"
                                    v-model.trim="ruleForm.captcha" 
                                    placeholder="请输入验证码"
                                >
                                </el-input>
                                <div :class="['verification-code',isDisabled == true ? 'noclick' : '']" @click="getVercode()">{
  {isDisabled ? countText.count + 's后获取' : countText.click}}</div>
                            </div>
                        </el-form-item>