---
map:
path: /components/sms-auth/index
---

# 短信验证码

简单的短信验证码组件

## demo 示例

<demo src="./demo.vue"></demo>


## props 参数

| 名称      | 类型              | 默认值   | 可选值                                    | 说明          |
|---------|-----------------|-------|----------------------------------------|-------------|
| ui      | String          | -     | -                                      | 附加 class 类名 |
| show    | Boolean         | false | true / false                           | 是否显示弹窗      |
| loading | Boolean         | false | true / false                           | 确认按钮加载中     |
| phone   | String / Number | -     | -                                      | 手机号码        |
| apis    | Object          | -     | `{send: 获取验证码接口方法, time: 验证码过期时间接口方法}` | 相关请求        |


## emit 事件

| 名称      | 返回类型 | 返回数据 | 说明                                 |
|---------|------|------|------------------------------------|
| getCode | -    | -    | 触发了获取验证码事件，注意：如果传递了apis参数，此事件将不会执行 |
| confirm | -    | -    | 确认按钮点击事件                           |
| cancel  | -    | -    | 取消按钮点击事件                           |


## 方法 参数

| 方法名称                 | 说明                               |
|----------------------|----------------------------------|
| setCodeAndTime(code) | 设置获取到验证码和执行开始倒计时，接受一个 code验证码的参数 |