Skip to content

VerifyCode

邮件或短信验证码

参数

ts
type SchemaVerifyCodeWidgetOptions = {
    timeout?: number | [number, number];
    template?: string;
    sendTips?: string;
    // 单击发送时调用,一般应在此向服务器请求重新发送验证码
    onRequest?: () => void;
};

示例

loading

指南

超时设置

timeout用于设置当前验证码的过期时间,单位为秒。

  • 如果timeout为数字,则表示验证码在timeout秒后过期,倒计时为1000
  • 如果timeout为数组,则表示验证码在timeout[0]秒后过期,倒计时为timeout[1]

例如: timeout=[60 * 1000,1000]代表超时时间为60秒,每1秒更新一次。

模板

template用于设置重新发送验证码的模板。

例: template="{timeout}秒后重新发送"{timeout}会被替换为当前剩余时间。

onRequest

当单击发送验证码按钮时,会触发onRequest事件。一般应该在onRequest中向服务器请求重新发送验证码。

在倒计时结束前,onRequest不会被触发。