之前我们写过不需要调后端接口就获取验证码的方法，具体看《无需后端接口，用原生js轻松实现验证码》这个文章。现在我们管理后台有个需求，就是登录页面需要获取验证码，用户可以输入验证码后进行登录。效果如下，当我点击获取验证码后能获取短信验证码：

这里在用户点击获取验证码后，先校验是否输入了正确的手机号，输入正确后调接口获取验证码，主要代码如下：

   <el-input
              v-else
              size="medium"
              v-model.trim="formParams.phone"
              type