交互式演练场

通过切换选项构建你的完美 OTP 输入。生成的代码实时更新。

Theme

Variant

Size

Inputs6

SeparatorNoneDashDotStar

Disabled Error Success

View Code

<OtpInput
  v-model="otp"
  theme="box"
  size="md"
  :num-inputs="6"
/>

快速示例

基础 6 位 OTP

<OtpInput v-model="otp" />

4 位 PIN 码

<OtpInput v-model="pin" :num-inputs="4" />

密码模式

所有尺寸

小

中

大

超大