Skip to content

vx-field 输入框

带样式预设的表单输入项

API

Props

NameIntroductionTypeDefault Value
label输入框标题String-
tips输入框标题 tooltip 提示String-
name输入框 label 的 for 属性,一般用来定位到输入框的元素,需要配合 id 使用String-
id直接作用到输入框原生元素的 id 属, 可辅助label元素定位性String-
placeholder占位提示String-
type输入框类型Stringtext
errorMessages下方常显的错误信息Stringtext
disabled是否禁用Booleantext
readonly是否只读Booleantext
autofocus光标自动聚焦到输入框Booleantext
required输入框标题样式上是否显示必填标星,仍然需要配合rules属性才能做到必填提示,见示例Booleantext
rules输入框标题样式上是否显示必填标星,仍然需要配合rules属性才能做到必填提示ValidationRule[][]

输入框类型

Text

所有的 v-text-field 原生 props 都可使用 v-bind:[props]="[value]" 实现或覆盖

Textarea

  • 使用时需要指定 type 为 textarea

所有的 v-textarea 原生 props 都可使用 v-bind:[props]="[value]" 实现或覆盖

Password

Props

NameIntroductionTypeDefault Value
passwordVisibleToggle是否开启密码可见按钮Booleanfalse
passwordVisibleDefault密码是否默认可见钮Booleanfalse

示例

Number

Props

NameIntroductionTypeDefault Value

示例

所有的 v-number-input 原生 props 都可使用 v-bind:[props]="[value]" 实现或覆盖

Slot