VNumberInput API
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| active | ||
| 控制项的 active 状态。这通常用于高亮显示组件。 | ||
| append-icon | ||
| Creates a v-icon component after default content in the append slot. | ||
| autofocus | ||
| Enables autofocus. | ||
| base-color | ||
| Sets the color of the input when it is not focused. | ||
| bg-color | ||
| Applies specified color to the control’s background. Used on components that also support the color prop. - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page . | ||
| center-affix | ||
| Vertically align appendInner, prependInner, clearIcon and label in the center. | ||
| clear-icon | ||
| 当"可清除"属性设置为 true 时, 设置清除图标的属性. | ||
| clearable | ||
| 允许清空该组件. | ||
| color | ||
| Applies specified color to the control - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page . | ||
| control-variant | ||
| MISSING DESCRIPTION (edit in github ) | ||
| counter | ||
| 为输入长度创建一个计数器，如果未指定数字，则默认为25，不会应用任何验证。 | ||
| counter-value | ||
| Function returns the counter display text. | ||
| density | ||
| 调整组件使用的垂直高度。 | ||
| direction | ||
| 改变输入方向. | ||
| dirty | ||
| Manually apply the dirty state styling. | ||
| disabled | ||
| Removes the ability to click or target the input. | ||
| error | ||
| Puts the input in a manual error state. | ||
| error-messages | ||
| 将输入框置于错误状态，并传入自定义的错误信息。将与来自 rules 属性的任何验证相结合。这个字段不会触发验证。 | ||
| flat | ||
| Removes box shadow when using a variant with elevation. | ||
| focused | ||
| 强制组件使用聚焦时的样式。 | ||
| hide-details | ||
| MISSING DESCRIPTION (edit in github ) | ||
| hide-spin-buttons | ||
| 当类型设置为 number 时，在 input 元素上隐藏旋转按钮。 | ||
| hint | ||
| Displays hint text below the input when focused. Force this always open with the persistent-hint property. | ||
| id | ||
| Sets the DOM id on the component. | ||
| inset | ||
| MISSING DESCRIPTION (edit in github ) | ||
| label | ||
| Sets the text of the v-label or v-field-label component. | ||
| loading | ||
| Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - primary, secondary, success, info, warning, error) or a Boolean which uses the component color (set by color prop - if it’s supported by the component) or the primary color. | ||
| max | ||
| MISSING DESCRIPTION (edit in github ) | ||
| max-errors | ||
| Control the maximum number of shown errors from validation. | ||
| max-width | ||
| 设定组件的最大宽度。 | ||
| messages | ||
| 显示消息列表或消息（如果使用字符串） | ||
| min | ||
| MISSING DESCRIPTION (edit in github ) | ||
| min-width | ||
| 设定组件的最小宽度。 | ||
| model-value | ||
| 组件 v-mode 的值。如果组件支持多属性，默认为空数组。 | ||
| name | ||
| 设置组件的 name 属性. | ||
| persistent-clear | ||
| Always show the clearable icon when the input is dirty (By default it only shows on hover). | ||
| persistent-counter | ||
| Forces counter to always be visible. | ||
| persistent-hint | ||
| Forces hint to always be visible. | ||
| persistent-placeholder | ||
| Forces placeholder to always be visible. | ||
| placeholder | ||
| Sets the input’s placeholder text. | ||
| prefix | ||
| Displays prefix text. | ||
| prepend-icon | ||
| Prepends an icon to the outnside the component’s input, uses the same syntax as v-icon. | ||
| readonly | ||
| Puts input in readonly state. | ||
| reverse | ||
| Reverses the orientation. | ||
| role | ||
| The role attribute applied to the input. | ||
| rounded | ||
| Adds a border radius to the input. | ||
| rules | ||
| Accepts a mixed array of types function, boolean and string. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string. | ||
| single-line | ||
| Label does not move on focus/dirty. | ||
| step | ||
| MISSING DESCRIPTION (edit in github ) | ||
| suffix | ||
| Displays suffix text. | ||
| theme | ||
| Specify a theme for this component and all of its children. | ||
| tile | ||
| Removes any applied border-radius from the component. | ||
| type | ||
| Sets input type. | ||
| validate-on | ||
| Change what type of event triggers validation to run. | ||
| validation-value | ||
| The value used when applying validation rules. | ||
| variant | ||
| Applies a distinct style to the component. | ||
| width | ||
| 设定组件的宽度。 | ||
事件
| 名称 | 类型 |
|---|---|
| click:append | |
| Emitted when append icon is clicked. | |
| click:appendInner | |
| Emitted when appended inner icon is clicked. | |
| click:clear | |
| Emitted when clearable icon clicked. | |
| click:prepend | |
| Emitted when prepended icon is clicked. | |
| click:prependInner | |
| Emitted when prepended inner icon is clicked. | |
| update:focused | |
| Emitted when the input is focused or blurred | |
| update:modelValue | |
| 当组件的 model-value 更改时引发的事件。 | |
插槽
| append |
| Adds an item inside the input and after input content. |
| append-inner |
| Adds an item inside the input content. |
| clear |
| Slot for custom clear icon (displayed when the clearable prop is equal to true). |
| counter |
| Slot for the input’s counter text. |
| decrement |
| MISSING DESCRIPTION (edit in github ) |
| details |
| Slot for custom input details to modifying the display of messages. |
| increment |
| MISSING DESCRIPTION (edit in github ) |
| label |
| The default slot of the v-label or v-field-label component. |
| loader |
| Slot for custom loader (displayed when loading prop is equal to true). |
| message |
| Slot used to customize the message content. |
| prepend |
| Adds an item outside the input and before input content. |
| prepend-inner |
| Slot that is prepended to the input. |