23、vue实现获取短信验证码

1、html页面：

            <el-form-item  prop="phoneCode" class="pr">
              <el-input placeholder="短信验证码"  v-model="form.phoneCode"></el-input>
              <button @click.prevent="getCode()"  class="code-btn" :disabled="!show">
                  <span v-show="show">获取验证码</span>
                  <span v-show="!show" class="count">{
   {count}} s</span>
              </button>
            </el-form-item>

/* 短信验证码css */

.pr {

position: relative;

}

.code-btn {

width: 100px;

height: 20px;