简单实现获取短信验证码倒计时效果

我急切地盼望着可以经历一场放纵的快乐，纵使巨大的悲哀将接踵而至，我也在所不惜。--太宰治《人间失格》

一：HTML结构：

<div class="input-box1">
        <input type="text" placeholder="请输入手机号码" v-model="tel" />
        <p>+86</p>
        <p @click="sendCode">{
  { codeBtnText }}</p>
        <p>{
  { this.message }}</p>
</div>

二：声明变量：

// 获取验证码按钮禁用标识
btnOptFlag: false,
codeBtnText: '获取验证码',
outTime: 60, // 设置发送验证码倒计时时间
timer: null,
tel: '',
message:'',
// 正则校验手机号格式
telnum: /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/,

三：逻辑实现：

sendCode() {
      console.log(this.tel)
      if (this.tel === '') {
        this.message = &