Appearance
vx-field 输入框
带样式预设的表单输入项
API
Props
Name | Introduction | Type | Default Value |
---|---|---|---|
label | 输入框标题 | String | - |
tips | 输入框标题 tooltip 提示 | String | - |
name | 输入框 label 的 for 属性,一般用来定位到输入框的元素,需要配合 id 使用 | String | - |
id | 直接作用到输入框原生元素的 id 属, 可辅助label元素定位性 | String | - |
placeholder | 占位提示 | String | - |
type | 输入框类型 | String | text |
errorMessages | 下方常显的错误信息 | String | text |
disabled | 是否禁用 | Boolean | text |
readonly | 是否只读 | Boolean | text |
autofocus | 光标自动聚焦到输入框 | Boolean | text |
required | 输入框标题样式上是否显示必填标星,仍然需要配合rules属性才能做到必填提示,见示例 | Boolean | text |
rules | 输入框标题样式上是否显示必填标星,仍然需要配合rules属性才能做到必填提示 | ValidationRule[] | [] |
输入框类型
Text
所有的 v-text-field 原生 props 都可使用 v-bind:[props]="[value]" 实现或覆盖
Textarea
- 使用时需要指定 type 为
textarea
所有的 v-textarea 原生 props 都可使用 v-bind:[props]="[value]" 实现或覆盖
Password
Props
Name | Introduction | Type | Default Value |
---|---|---|---|
passwordVisibleToggle | 是否开启密码可见按钮 | Boolean | false |
passwordVisibleDefault | 密码是否默认可见钮 | Boolean | false |
示例
Number
Props
Name | Introduction | Type | Default Value |
---|
示例
所有的 v-number-input 原生 props 都可使用 v-bind:[props]="[value]" 实现或覆盖