组件/表单组件

EInputOtp 验证码输入

import EUI 1.0

示例与代码

验证码输入

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EInputOtp { length: 6 }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

属性

属性说明取值与默认值

enabledbool

是否允许交互；false 时控件禁用。

默认值true

heightreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitHeight

lengthint

验证码长度或 OTP 输入位数。

默认值6

maskedbool

隐藏 OTP 字符。

默认值false

numericOnlybool

OTP 仅接受数字。

默认值true

sizeint

控件尺寸；默认继承最近的 EConfigProvider。

EStyle.Small
EStyle.Medium
EStyle.Large

默认值继承 Provider，默认 EStyle.Medium

valuestring

当前值；通过属性绑定读写，数组形式用于多选或范围选择。

默认值""

visiblebool

是否显示组件。

默认值true

widthreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitWidth

信号

签名作用

completed(string value)

验证码填满时触发，value 为完整验证码。

方法

签名作用

inputAt(index, text)

更新 index 对应的验证码输入格，text 为输入内容。