Skip to content
On this page

TextInput

TextInput 是一个用于文本输入的表单组件

TIP

TextInput 文本输入框支持可选的 v-model 指令, 并支持 trimlazy 修饰符

示例

基本用法

vue
<TextInput placeholder="Please input"/>

大小

通过 size 属性改变输入框的大小, 支持 small, mediumlarge 三个选项

vue
<TextInput size="small" placeholder="small"/>
<TextInput size="medium" placeholder="medium"/>
<TextInput size="large" placeholder="large"/>

Props

属性名类型默认值描述
novalidatebooleanfalse是否禁止组件验证输入文本
size'small' | 'medium' | 'large'medium输入框大小
requiredbooleanfalse用户在表单提交之前是否需要指定一个非空值
type'email' | 'search' | 'tel' | 'text'text输入框类型, 文本输入框只支持有限的类型
revalidate(value: string) => Promise<boolean>二次验证输入框文本, 例如验证用户名是否重复