Vue - 实现获取手机验证码倒计时 60 秒（手机号+验证码登录功能）

前言

网上的大部分获取验证码逻辑的例子，代码多还不健壮，本文将用最少的代码实现相同的功能。

当点击获取验证码按钮时，会自动进入倒计时，同时按钮无法点击，

您可以自定义倒计时时间，如下图所示：

这块由于方便您观察，暂时设置成了 10 秒。

示例代码

以下便是 上方效果图 的完整代码，推荐使用平台一键复制功能。

您可以随便找个干净的页面，直接运行即可。

<template>
  <div&g