Class: BaseField
The BaseField component provides a base input field with support for Vue Composition API hooks, custom event handlers, and both VInput and VField functionality from Vuetify. Features include focus management, model value binding, and flexible slot support.
Remarks
- Uses TypedEventEmitter for internal event bus communication
- Supports "callOn" hook arrays for custom event handling
- Manages focus state automatically with intersection observer support
- Combines VInput and VField components into a unified interface
Properties
| Property | Modifier | Type | Description |
|---|---|---|---|
_allExposed | public | | { errorMessages: ComputedRef<string[]>; isValid: ComputedRef<boolean | null>; reset: () => Promise<void>; resetValidation: () => Promise<void>; validate: (silent?: boolean) => Promise<string[]>; } | { controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>; fieldIconColor: ComputedRef<string | undefined>; } | { blur: () => void; focus: () => void; modelValue: WritableComputedRef<any, any>; onControlClick: (e: MouseEvent) => void; onControlMousedown: (e: MouseEvent) => void; onDocumentClick: (e: MouseEvent) => void; } | - |
$ | public | ComponentInternalInstance | - |
$attrs | public | Data | - |
$data | public | { } | - |
$el | public | any | - |
$emit | public | (event: "update:modelValue", ...args: [any]) => void & (event: "update:model-value", ...args: [any]) => void & (event: "click:clear", ...args: [MouseEvent]) => void & (event: "click:appendInner", ...args: [MouseEvent]) => void & (event: "click:prependInner", ...args: [MouseEvent]) => void & (event: "click:control", ...args: [MouseEvent]) => void & (event: "mousedown:control", ...args: [MouseEvent]) => void & (event: "update:focused", ...args: [boolean]) => void | - |
$forceUpdate | public | () => void | - |
$host | public | Element | null | - |
$nextTick | public | { (): Promise<void>; <T, R> (this: T, fn: (this: T) => R | Promise<R>): Promise<R>; } | - |
$options | public | ComponentOptionsBase<ToResolvedProps<ExtractPropTypes<AppendDefault<{ active: BooleanConstructor; appendIcon: PropType<IconValue>; appendInnerIcon: PropType<IconValue>; autofocus: { default: boolean; type: PropType<boolean>; }; baseColor: StringConstructor; bgColor: StringConstructor; callOnClickAppendInner: { default: () => never[]; type: PropType<BaseClickAppendInnerHookHandler[]>; }; callOnClickClear: { default: () => never[]; type: PropType<BaseClickClearHookHandler[]>; }; callOnClickControl: { default: () => never[]; type: PropType<BaseClickControlHookHandler[]>; }; callOnClickPrependInner: { default: () => never[]; type: PropType<BaseClickPrependInnerHookHandler[]>; }; callOnMousedownControl: { default: () => never[]; type: PropType<BaseMousedownControlHookHandler[]>; }; callOnUpdateFocused: { default: () => never[]; type: PropType<BaseUpdateFocusedHookHandler[]>; }; callOnUpdateModelValue: { default: () => never[]; type: PropType<BaseUpdateModelValueHookHandler[]>; }; centerAffix: { default: undefined; type: BooleanConstructor; }; class: PropType<any>; clearable: BooleanConstructor; clearIcon: { default: string; type: PropType<IconValue>; }; color: StringConstructor; density: { default: string; type: PropType<Density>; validator: (v: any) => boolean; }; direction: { default: string; type: PropType<"horizontal" | "vertical">; validator: (v: any) => boolean; }; dirty: BooleanConstructor; disabled: { default: null; type: BooleanConstructor; }; error: BooleanConstructor; errorMessages: { default: () => never[]; type: PropType<string | readonly string[] | null>; }; flat: BooleanConstructor; focused: BooleanConstructor; glow: BooleanConstructor; hideDetails: PropType<boolean | "auto">; hideSpinButtons: BooleanConstructor; hint: StringConstructor; iconColor: (BooleanConstructor | StringConstructor)[]; id: StringConstructor; isFocused: { default: undefined; type: PropType<(e: MouseEvent) => boolean | undefined>; }; label: StringConstructor; loading: (BooleanConstructor | StringConstructor)[]; maxErrors: { default: number; type: (StringConstructor | NumberConstructor)[]; }; maxWidth: (StringConstructor | NumberConstructor)[]; messages: { default: () => never[]; type: PropType<string | readonly string[]>; }; minWidth: (StringConstructor | NumberConstructor)[]; modelValue: null; name: StringConstructor; onClick:append: PropType<(args_0: MouseEvent) => void>; onClick:appendInner?: PropType<(...args: [...]) => void | undefined>; onClick:clear?: PropType<(...args: [...]) => void | undefined>; onClick:control?: PropType<(...args: [...]) => void | undefined>; onClick:prepend: PropType<(args_0: MouseEvent) => void>; onClick:prependInner?: PropType<(...args: [...]) => void | undefined>; onMousedown:control?: PropType<(...args: [...]) => void | undefined>; onUpdate:focused?: PropType<(...args: [...]) => void | undefined>; onUpdate:model-value?: PropType<(...args: [...]) => void | undefined>; onUpdate:modelValue?: PropType<(...args: [...]) => void | undefined>; persistentClear: BooleanConstructor; persistentHint: BooleanConstructor; placeholder: { default: undefined; type: PropType<string | undefined>; }; prefix: { default: undefined; type: PropType<string | undefined>; }; prependIcon: PropType<IconValue>; prependInnerIcon: PropType<IconValue>; readonly: { default: null; type: PropType<boolean | null>; }; reverse: BooleanConstructor; role: { default: undefined; type: PropType<string | undefined>; }; rounded: { default: undefined; type: (BooleanConstructor | StringConstructor | NumberConstructor)[]; }; rules: { default: () => never[]; type: PropType<readonly ( | string | boolean | PromiseLike<...> | (value: ...) => ... | (value: ...) => ... | [..., ..., ...?])[]>; }; singleLine: BooleanConstructor; style: { default: null; type: PropType<StyleValue>; }; suffix: { default: undefined; type: PropType<string | undefined>; }; theme: StringConstructor; tile: BooleanConstructor; validateOn: PropType< | "input" | "blur" | "submit" | "invalid-input" | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager" | undefined>; validationValue: null; variant: { default: string; type: PropType< | "underlined" | "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "plain">; validator: (v: any) => boolean; }; width: (StringConstructor | NumberConstructor)[]; }, { }>>, EmitFunctions<{ click:appendInner: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; click:clear: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; click:control: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; click:prependInner: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; mousedown:control: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; update:focused: (focused: boolean) => boolean; update:model-value: (val: any) => boolean; update:modelValue: (val: any) => boolean; }>>, { blur: () => void; focus: () => void; modelValue: WritableComputedRef<any, any>; onControlClick: (e: MouseEvent) => void; onControlMousedown: (e: MouseEvent) => void; onDocumentClick: (e: MouseEvent) => void; } & Omit<Omit<{ $: ComponentInternalInstance; $attrs: Data; $data: { }; $el: any; $emit: (event: string, ...args: any[]) => void; $forceUpdate: () => void; $host: Element | null; $nextTick: { (): Promise<void>; <T, R> (this: T, fn: (this: T) => R | Promise<...>): Promise<R>; }; $options: ComponentOptionsBase<{ centerAffix: ...; density: ...; direction: ...; disabled: ...; error: ...; errorMessages: ...; focused: ...; glow: ...; hideSpinButtons: ...; maxErrors: ...; messages: ...; persistentHint: ...; readonly: ...; rules: ...; style: ...; } & { appendIcon?: ...; baseColor?: ...; class?: ...; color?: ...; hideDetails?: ...; hint?: ...; iconColor?: ...; id?: ...; label?: ...; maxWidth?: ...; minWidth?: ...; name?: ...; onClick:append?: ...; onClick:prepend?: ...; onUpdate:focused?: ...; prependIcon?: ...; theme?: ...; validateOn?: ...; validationValue?: ...; width?: ...; }, { errorMessages: ComputedRef<...>; isValid: ComputedRef<...>; reset: () => ...; resetValidation: () => ...; validate: (silent?: ...) => ...; }, unknown, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, Omit<{ update:modelValue: ...; }, ... | ... | ... | ... | ... | ... | ... | ... | ...>, string, { centerAffix: boolean; density: Density; direction: ... | ...; disabled: ... | ... | ...; error: boolean; errorMessages: ... | ... | ...; focused: boolean; glow: boolean; hideSpinButtons: boolean; maxErrors: ... | ...; messages: ... | ...; persistentHint: boolean; readonly: ... | ... | ...; rules: readonly ...[]; style: StyleValue; }, { }, string, SlotsType<Partial<...>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & MergedComponentOptionsOverride; $parent: | ComponentPublicInstance<{ }, { }, { }, { }, { }, { }, { }, { }, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, { }, { }, string, { }, { }, { }, string, ComponentProvideOptions>, { }, { }, "", { }, any> | null; $props: Partial<{ centerAffix: boolean; density: Density; direction: ... | ...; disabled: ... | ... | ...; error: boolean; errorMessages: ... | ... | ...; focused: boolean; glow: boolean; hideSpinButtons: boolean; maxErrors: ... | ...; messages: ... | ...; persistentHint: boolean; readonly: ... | ... | ...; rules: readonly ...[]; style: StyleValue; }> & Omit<{ appendIcon?: ...; baseColor?: ...; centerAffix: ...; class?: ...; color?: ...; density: ...; direction: ...; disabled: ...; error: ...; errorMessages: ...; focused: ...; glow: ...; hideDetails?: ...; hideSpinButtons: ...; hint?: ...; iconColor?: ...; id?: ...; label?: ...; maxErrors: ...; maxWidth?: ...; messages: ...; minWidth?: ...; name?: ...; onClick:append?: ...; onClick:prepend?: ...; onUpdate:focused?: ...; persistentHint: ...; prependIcon?: ...; readonly: ...; rules: ...; style: ...; theme?: ...; validateOn?: ...; validationValue?: ...; width?: ...; } & VNodeProps & AllowedComponentProps & ComponentCustomProps, | "focused" | "disabled" | "error" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "style" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint" | "messages" | "direction">; $refs: Data; $root: | ComponentPublicInstance<{ }, { }, { }, { }, { }, { }, { }, { }, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, { }, { }, string, { }, { }, { }, string, ComponentProvideOptions>, { }, { }, "", { }, any> | null; $slots: UnwrapSlotsType<S>; $watch: WatchStopHandle; } & Readonly<{ centerAffix: boolean; density: Density; direction: "horizontal" | "vertical"; disabled: boolean | null; error: boolean; errorMessages: string | readonly string[] | null; focused: boolean; glow: boolean; hideSpinButtons: boolean; maxErrors: string | number; messages: string | readonly string[]; persistentHint: boolean; readonly: boolean | null; rules: readonly ( | string | boolean | [..., ..., ...?] | PromiseLike<...> | (value: ...) => ... | (value: ...) => ...)[]; style: StyleValue; }> & Omit<{ centerAffix: boolean; density: Density; direction: "horizontal" | "vertical"; disabled: boolean | null; error: boolean; errorMessages: string | readonly ...[] | null; focused: boolean; glow: boolean; hideSpinButtons: boolean; maxErrors: string | number; messages: string | readonly ...[]; persistentHint: boolean; readonly: boolean | null; rules: readonly (... | ... | ... | ... | ... | ... | ...)[]; style: string | false | CSSProperties | ...[] | null; } & { appendIcon?: IconValue; baseColor?: string; class?: any; color?: string; hideDetails?: boolean | "auto"; hint?: string; iconColor?: string | boolean; id?: string; label?: string; maxWidth?: string | number; minWidth?: string | number; name?: string; onClick:append?: (args_0: ...) => ...; onClick:prepend?: (args_0: ...) => ...; onUpdate:focused?: (args_0: ...) => ...; prependIcon?: IconValue; theme?: string; validateOn?: | "input" | "blur" | "submit" | "invalid-input" | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager"; validationValue?: any; width?: string | number; }, | "focused" | "disabled" | "error" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "style" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint" | "messages" | "direction" | "reset" | "resetValidation" | "validate" | "isValid"> & ShallowUnwrapRef<{ errorMessages: ComputedRef<string[]>; isValid: ComputedRef<boolean | null>; reset: () => Promise<void>; resetValidation: () => Promise<void>; validate: (silent?: boolean) => Promise<...[]>; }> & ExtractComputedReturns<{ }> & ComponentCustomProperties & { } & GenericProps<{ modelValue?: unknown; onUpdate:modelValue?: (value: unknown) => void; }, VInputSlots>, | "focused" | "onUpdate:focused" | "disabled" | "error" | "errorMessages" | "maxErrors" | "name" | "label" | "readonly" | "rules" | "modelValue" | "validateOn" | "validationValue" | "theme" | "width" | "minWidth" | "maxWidth" | "density" | "class" | "style" | "id" | "appendIcon" | "baseColor" | "centerAffix" | "color" | "glow" | "iconColor" | "prependIcon" | "hideDetails" | "hideSpinButtons" | "hint" | "persistentHint" | "messages" | "direction" | "onClick:prepend" | "onClick:append" | "onUpdate:modelValue" | "$children" | "v-slot:append" | "v-slot:default" | "v-slot:details" | "v-slot:message" | "v-slot:prepend" | "v-slots" | keyof VNodeProps>, `$${any}`> & Omit<Omit<{ $: ComponentInternalInstance; $attrs: Data; $data: { }; $el: any; $emit: (event: "update:focused", ...args: [boolean]) => void; $forceUpdate: () => void; $host: Element | null; $nextTick: { (): Promise<void>; <T, R> (this: T, fn: (this: T) => R | Promise<...>): Promise<R>; }; $options: ComponentOptionsBase<{ active: ...; clearable: ...; clearIcon: ...; details: ...; dirty: ...; disabled: ...; error: ...; flat: ...; focused: ...; glow: ...; persistentClear: ...; reverse: ...; singleLine: ...; style: ...; tile: ...; variant: ...; } & { appendInnerIcon?: ...; baseColor?: ...; bgColor?: ...; centerAffix?: ...; class?: ...; color?: ...; iconColor?: ...; id?: ...; label?: ...; labelId?: ...; loading?: ...; onClick:appendInner?: ...; onClick:clear?: ...; onClick:prependInner?: ...; onUpdate:focused?: ...; prependInnerIcon?: ...; rounded?: ...; theme?: ...; } & { onUpdate:focused?: ...; }, { controlRef: Ref<..., ...>; fieldIconColor: ComputedRef<...>; }, unknown, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, Omit<{ update:focused: ...; update:modelValue: ...; }, ... | ... | ... | ... | ... | ... | ... | ... | ... | ...>, string, { active: boolean; centerAffix: boolean; clearable: boolean; clearIcon: IconValue; details: boolean; dirty: boolean; disabled: boolean; error: boolean; flat: boolean; focused: boolean; glow: boolean; persistentClear: boolean; reverse: boolean; rounded: ... | ... | ... | ...; singleLine: boolean; style: StyleValue; tile: boolean; variant: ... | ... | ... | ... | ... | ... | ...; }, { }, string, SlotsType<Partial<...>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & MergedComponentOptionsOverride; $parent: | ComponentPublicInstance<{ }, { }, { }, { }, { }, { }, { }, { }, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, { }, { }, string, { }, { }, { }, string, ComponentProvideOptions>, { }, { }, "", { }, any> | null; $props: Partial<{ active: boolean; centerAffix: boolean; clearable: boolean; clearIcon: IconValue; details: boolean; dirty: boolean; disabled: boolean; error: boolean; flat: boolean; focused: boolean; glow: boolean; persistentClear: boolean; reverse: boolean; rounded: ... | ... | ... | ...; singleLine: boolean; style: StyleValue; tile: boolean; variant: ... | ... | ... | ... | ... | ... | ...; }> & Omit<{ active: ...; appendInnerIcon?: ...; baseColor?: ...; bgColor?: ...; centerAffix?: ...; class?: ...; clearable: ...; clearIcon: ...; color?: ...; details: ...; dirty: ...; disabled: ...; error: ...; flat: ...; focused: ...; glow: ...; iconColor?: ...; id?: ...; label?: ...; labelId?: ...; loading?: ...; onClick:appendInner?: ...; onClick:clear?: ...; onClick:prependInner?: ...; onUpdate:focused?: ...; persistentClear: ...; prependInnerIcon?: ...; reverse: ...; rounded?: ...; singleLine: ...; style: ...; theme?: ...; tile: ...; variant: ...; } & VNodeProps & AllowedComponentProps & ComponentCustomProps, | "focused" | "disabled" | "error" | "style" | "centerAffix" | "glow" | "rounded" | "tile" | "clearable" | "clearIcon" | "active" | "dirty" | "flat" | "persistentClear" | "reverse" | "singleLine" | "variant" | "details">; $refs: Data; $root: | ComponentPublicInstance<{ }, { }, { }, { }, { }, { }, { }, { }, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, { }, { }, string, { }, { }, { }, string, ComponentProvideOptions>, { }, { }, "", { }, any> | null; $slots: UnwrapSlotsType<S>; $watch: WatchStopHandle; } & Readonly<{ active: boolean; centerAffix: boolean; clearable: boolean; clearIcon: IconValue; details: boolean; dirty: boolean; disabled: boolean; error: boolean; flat: boolean; focused: boolean; glow: boolean; persistentClear: boolean; reverse: boolean; rounded: string | number | boolean; singleLine: boolean; style: StyleValue; tile: boolean; variant: | "underlined" | "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "plain"; }> & Omit<{ active: boolean; clearable: boolean; clearIcon: IconValue; details: boolean; dirty: boolean; disabled: boolean; error: boolean; flat: boolean; focused: boolean; glow: boolean; persistentClear: boolean; reverse: boolean; singleLine: boolean; style: string | false | CSSProperties | ...[] | null; tile: boolean; variant: | "underlined" | "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "plain"; } & { appendInnerIcon?: IconValue; baseColor?: string; bgColor?: string; centerAffix?: boolean; class?: any; color?: string; iconColor?: string | boolean; id?: string; label?: string; labelId?: string; loading?: string | boolean; onClick:appendInner?: (args_0: ...) => ...; onClick:clear?: (args_0: ...) => ...; onClick:prependInner?: (args_0: ...) => ...; onUpdate:focused?: (args_0: ...) => ...; prependInnerIcon?: IconValue; rounded?: string | number | boolean; theme?: string; } & { onUpdate:focused?: (focused: ...) => ...; }, | "focused" | "disabled" | "error" | "style" | "centerAffix" | "glow" | "rounded" | "tile" | "clearable" | "clearIcon" | "active" | "dirty" | "flat" | "persistentClear" | "reverse" | "singleLine" | "variant" | "details" | "controlRef" | "fieldIconColor"> & ShallowUnwrapRef<{ controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>; fieldIconColor: ComputedRef<string | undefined>; }> & ExtractComputedReturns<{ }> & ComponentCustomProperties & { } & GenericProps<{ modelValue?: unknown; onUpdate:modelValue?: (value: unknown) => void; }, VFieldSlots>, | "focused" | "onUpdate:focused" | "disabled" | "error" | "label" | "modelValue" | "theme" | "class" | "style" | "id" | "baseColor" | "centerAffix" | "color" | "glow" | "iconColor" | "rounded" | "tile" | "loading" | "appendInnerIcon" | "bgColor" | "clearable" | "clearIcon" | "active" | "dirty" | "flat" | "persistentClear" | "prependInnerIcon" | "reverse" | "singleLine" | "variant" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:modelValue" | "$children" | "v-slot:default" | "v-slots" | "details" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:label" | "v-slot:loader" | "v-slot:prepend-inner" | "labelId" | keyof VNodeProps>, `$${any}`> & { _allExposed: | { errorMessages: ComputedRef<string[]>; isValid: ComputedRef<boolean | null>; reset: () => Promise<void>; resetValidation: () => Promise<void>; validate: (silent?: boolean) => Promise<string[]>; } | { controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>; fieldIconColor: ComputedRef<string | undefined>; } | { blur: () => void; focus: () => void; modelValue: WritableComputedRef<any, any>; onControlClick: (e: MouseEvent) => void; onControlMousedown: (e: MouseEvent) => void; onDocumentClick: (e: MouseEvent) => void; }; }, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, EmitFunctions<{ click:appendInner: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; click:clear: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; click:control: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; click:prependInner: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; mousedown:control: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; update:focused: (focused: boolean) => boolean; update:model-value: (val: any) => boolean; update:modelValue: (val: any) => boolean; }>, string, { active: boolean; autofocus: boolean; callOnClickAppendInner: BaseClickAppendInnerHookHandler[]; callOnClickClear: BaseClickClearHookHandler[]; callOnClickControl: BaseClickControlHookHandler[]; callOnClickPrependInner: BaseClickPrependInnerHookHandler[]; callOnMousedownControl: BaseMousedownControlHookHandler[]; callOnUpdateFocused: BaseUpdateFocusedHookHandler[]; callOnUpdateModelValue: BaseUpdateModelValueHookHandler[]; centerAffix: boolean; clearable: boolean; clearIcon: IconValue; density: Density; direction: "horizontal" | "vertical"; dirty: boolean; disabled: boolean; error: boolean; errorMessages: string | readonly string[] | null; flat: boolean; focused: boolean; glow: boolean; hideSpinButtons: boolean; isFocused: (e: MouseEvent) => boolean | undefined; maxErrors: string | number; messages: string | readonly string[]; persistentClear: boolean; persistentHint: boolean; placeholder: string | undefined; prefix: string | undefined; readonly: boolean | null; reverse: boolean; role: string | undefined; rounded: string | number | boolean; rules: readonly ( | string | boolean | PromiseLike<ValidationResult> | (value: any) => ValidationResult | (value: any) => PromiseLike<ValidationResult> | [string, any, string?])[]; singleLine: boolean; style: StyleValue; suffix: string | undefined; tile: boolean; variant: | "underlined" | "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "plain"; }, { }, string, SlotsType<{ append?: (arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; append-inner?: (arg: DefaultInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; clear?: (arg: DefaultInputSlot & { props: Record<string, any>; }) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; default?: (arg: VFieldSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; details?: (arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; label?: (arg: DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; loader?: (arg: LoaderSlotProps) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; message?: (arg: VMessageSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; prepend?: (arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; prepend-inner?: (arg: DefaultInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; }>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & MergedComponentOptionsOverride | - |
$parent | public | | ComponentPublicInstance<{ }, { }, { }, { }, { }, { }, { }, { }, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, { }, { }, string, { }, { }, { }, string, ComponentProvideOptions>, { }, { }, "", { }, any> | null | - |
$props | public | Partial<{ active: boolean; autofocus: boolean; callOnClickAppendInner: BaseClickAppendInnerHookHandler[]; callOnClickClear: BaseClickClearHookHandler[]; callOnClickControl: BaseClickControlHookHandler[]; callOnClickPrependInner: BaseClickPrependInnerHookHandler[]; callOnMousedownControl: BaseMousedownControlHookHandler[]; callOnUpdateFocused: BaseUpdateFocusedHookHandler[]; callOnUpdateModelValue: BaseUpdateModelValueHookHandler[]; centerAffix: boolean; clearable: boolean; clearIcon: IconValue; density: Density; direction: "horizontal" | "vertical"; dirty: boolean; disabled: boolean; error: boolean; errorMessages: string | readonly string[] | null; flat: boolean; focused: boolean; glow: boolean; hideSpinButtons: boolean; isFocused: (e: MouseEvent) => boolean | undefined; maxErrors: string | number; messages: string | readonly string[]; persistentClear: boolean; persistentHint: boolean; placeholder: string | undefined; prefix: string | undefined; readonly: boolean | null; reverse: boolean; role: string | undefined; rounded: string | number | boolean; rules: readonly ( | string | boolean | PromiseLike<ValidationResult> | (value: any) => ValidationResult | (value: any) => PromiseLike<ValidationResult> | [string, any, string?])[]; singleLine: boolean; style: StyleValue; suffix: string | undefined; tile: boolean; variant: | "underlined" | "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "plain"; }> & Omit<{ active: boolean; appendIcon?: IconValue; appendInnerIcon?: IconValue; autofocus: boolean; baseColor?: string; bgColor?: string; callOnClickAppendInner: BaseClickAppendInnerHookHandler[]; callOnClickClear: BaseClickClearHookHandler[]; callOnClickControl: BaseClickControlHookHandler[]; callOnClickPrependInner: BaseClickPrependInnerHookHandler[]; callOnMousedownControl: BaseMousedownControlHookHandler[]; callOnUpdateFocused: BaseUpdateFocusedHookHandler[]; callOnUpdateModelValue: BaseUpdateModelValueHookHandler[]; centerAffix?: boolean; class?: any; clearable: boolean; clearIcon: IconValue; color?: string; density: Density; direction: "horizontal" | "vertical"; dirty: boolean; disabled: boolean; error: boolean; errorMessages: string | readonly string[] | null; flat: boolean; focused: boolean; glow: boolean; hideDetails?: boolean | "auto"; hideSpinButtons: boolean; hint?: string; iconColor?: string | boolean; id?: string; isFocused?: (e: MouseEvent) => boolean; label?: string; loading?: string | boolean; maxErrors: string | number; maxWidth?: string | number; messages: string | readonly string[]; minWidth?: string | number; modelValue?: any; name?: string; onClick:append?: (args_0: MouseEvent) => void; onClick:appendInner?: (...args: [MouseEvent]) => void & (...args: [MouseEvent]) => any; onClick:clear?: (...args: [MouseEvent]) => void & (...args: [MouseEvent]) => any; onClick:control?: (...args: [MouseEvent]) => void & (...args: [MouseEvent]) => any; onClick:prepend?: (args_0: MouseEvent) => void; onClick:prependInner?: (...args: [MouseEvent]) => void & (...args: [MouseEvent]) => any; onMousedown:control?: (...args: [MouseEvent]) => void & (...args: [MouseEvent]) => any; onUpdate:focused?: (...args: [boolean]) => void & (...args: [boolean]) => any; onUpdate:model-value?: (...args: [any]) => void & (...args: [any]) => any; onUpdate:modelValue?: (...args: [any]) => void & (...args: [any]) => any; persistentClear: boolean; persistentHint: boolean; placeholder?: string; prefix?: string; prependIcon?: IconValue; prependInnerIcon?: IconValue; readonly: boolean | null; reverse: boolean; role?: string; rounded?: string | number | boolean; rules: readonly ( | string | boolean | PromiseLike<ValidationResult> | (value: any) => ValidationResult | (value: any) => PromiseLike<ValidationResult> | [string, any, string?])[]; singleLine: boolean; style: string | false | CSSProperties | StyleValue[] | null; suffix?: string; theme?: string; tile: boolean; validateOn?: | "input" | "blur" | "submit" | "invalid-input" | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager"; validationValue?: any; variant: | "underlined" | "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "plain"; width?: string | number; } & VNodeProps & AllowedComponentProps & ComponentCustomProps, DefaultKeys<AppendDefault<{ active: BooleanConstructor; appendIcon: PropType<IconValue>; appendInnerIcon: PropType<IconValue>; autofocus: { default: boolean; type: PropType<boolean>; }; baseColor: StringConstructor; bgColor: StringConstructor; callOnClickAppendInner: { default: () => never[]; type: PropType<BaseClickAppendInnerHookHandler[]>; }; callOnClickClear: { default: () => never[]; type: PropType<BaseClickClearHookHandler[]>; }; callOnClickControl: { default: () => never[]; type: PropType<BaseClickControlHookHandler[]>; }; callOnClickPrependInner: { default: () => never[]; type: PropType<BaseClickPrependInnerHookHandler[]>; }; callOnMousedownControl: { default: () => never[]; type: PropType<BaseMousedownControlHookHandler[]>; }; callOnUpdateFocused: { default: () => never[]; type: PropType<BaseUpdateFocusedHookHandler[]>; }; callOnUpdateModelValue: { default: () => never[]; type: PropType<BaseUpdateModelValueHookHandler[]>; }; centerAffix: { default: undefined; type: BooleanConstructor; }; class: PropType<any>; clearable: BooleanConstructor; clearIcon: { default: string; type: PropType<IconValue>; }; color: StringConstructor; density: { default: string; type: PropType<Density>; validator: (v: any) => boolean; }; direction: { default: string; type: PropType<"horizontal" | "vertical">; validator: (v: any) => boolean; }; dirty: BooleanConstructor; disabled: { default: null; type: BooleanConstructor; }; error: BooleanConstructor; errorMessages: { default: () => never[]; type: PropType<string | readonly string[] | null>; }; flat: BooleanConstructor; focused: BooleanConstructor; glow: BooleanConstructor; hideDetails: PropType<boolean | "auto">; hideSpinButtons: BooleanConstructor; hint: StringConstructor; iconColor: (BooleanConstructor | StringConstructor)[]; id: StringConstructor; isFocused: { default: undefined; type: PropType<(e: MouseEvent) => boolean | undefined>; }; label: StringConstructor; loading: (BooleanConstructor | StringConstructor)[]; maxErrors: { default: number; type: (StringConstructor | NumberConstructor)[]; }; maxWidth: (StringConstructor | NumberConstructor)[]; messages: { default: () => never[]; type: PropType<string | readonly string[]>; }; minWidth: (StringConstructor | NumberConstructor)[]; modelValue: null; name: StringConstructor; onClick:append: PropType<(args_0: MouseEvent) => void>; onClick:appendInner?: PropType<(...args: [MouseEvent]) => void | undefined>; onClick:clear?: PropType<(...args: [MouseEvent]) => void | undefined>; onClick:control?: PropType<(...args: [MouseEvent]) => void | undefined>; onClick:prepend: PropType<(args_0: MouseEvent) => void>; onClick:prependInner?: PropType<(...args: [MouseEvent]) => void | undefined>; onMousedown:control?: PropType<(...args: [MouseEvent]) => void | undefined>; onUpdate:focused?: PropType<(...args: [boolean]) => void | undefined>; onUpdate:model-value?: PropType<(...args: [any]) => void | undefined>; onUpdate:modelValue?: PropType<(...args: [any]) => void | undefined>; persistentClear: BooleanConstructor; persistentHint: BooleanConstructor; placeholder: { default: undefined; type: PropType<string | undefined>; }; prefix: { default: undefined; type: PropType<string | undefined>; }; prependIcon: PropType<IconValue>; prependInnerIcon: PropType<IconValue>; readonly: { default: null; type: PropType<boolean | null>; }; reverse: BooleanConstructor; role: { default: undefined; type: PropType<string | undefined>; }; rounded: { default: undefined; type: (BooleanConstructor | StringConstructor | NumberConstructor)[]; }; rules: { default: () => never[]; type: PropType<readonly ( | string | boolean | PromiseLike<ValidationResult> | (value: any) => ValidationResult | (value: any) => PromiseLike<...> | [string, any, (... | ...)?])[]>; }; singleLine: BooleanConstructor; style: { default: null; type: PropType<StyleValue>; }; suffix: { default: undefined; type: PropType<string | undefined>; }; theme: StringConstructor; tile: BooleanConstructor; validateOn: PropType< | "input" | "blur" | "submit" | "invalid-input" | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager" | undefined>; validationValue: null; variant: { default: string; type: PropType< | "underlined" | "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "plain">; validator: (v: any) => boolean; }; width: (StringConstructor | NumberConstructor)[]; }, { }>>> | - |
$refs | public | Data | - |
$root | public | | ComponentPublicInstance<{ }, { }, { }, { }, { }, { }, { }, { }, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, { }, { }, string, { }, { }, { }, string, ComponentProvideOptions>, { }, { }, "", { }, any> | null | - |
$slots | public | UnwrapSlotsType<S> | - |
$vuetify | public | Vuetify | - |
active | readonly | boolean | - |
appendIcon? | readonly | IconValue | - |
appendInnerIcon? | readonly | IconValue | - |
autofocus | readonly | boolean | - |
baseColor? | readonly | string | - |
bgColor? | readonly | string | - |
blur | public | () => void | - |
callOnClickAppendInner | readonly | BaseClickAppendInnerHookHandler[] | - |
callOnClickClear | readonly | BaseClickClearHookHandler[] | - |
callOnClickControl | readonly | BaseClickControlHookHandler[] | - |
callOnClickPrependInner | readonly | BaseClickPrependInnerHookHandler[] | - |
callOnMousedownControl | readonly | BaseMousedownControlHookHandler[] | - |
callOnUpdateFocused | readonly | BaseUpdateFocusedHookHandler[] | - |
callOnUpdateModelValue | readonly | BaseUpdateModelValueHookHandler[] | - |
centerAffix | readonly | boolean | - |
class? | readonly | any | - |
clearable | readonly | boolean | - |
clearIcon | readonly | IconValue | - |
color? | readonly | string | - |
controlRef | public | HTMLElement | undefined | - |
density | readonly | Density | - |
direction | readonly | "horizontal" | "vertical" | - |
dirty | readonly | boolean | - |
disabled | readonly | boolean | - |
error | readonly | boolean | - |
errorMessages | readonly | string | readonly string[] | null | - |
fieldIconColor | public | string | undefined | - |
flat | readonly | boolean | - |
focus | public | () => void | - |
focused | readonly | boolean | - |
glow | readonly | boolean | - |
hideDetails? | readonly | boolean | "auto" | - |
hideSpinButtons | readonly | boolean | - |
hint? | readonly | string | - |
iconColor? | readonly | string | boolean | - |
id? | readonly | string | - |
isFocused | readonly | (e: MouseEvent) => boolean | undefined | - |
isValid | public | boolean | null | - |
label? | readonly | string | - |
loading? | readonly | string | boolean | - |
maxErrors | readonly | string | number | - |
maxWidth? | readonly | string | number | - |
messages | readonly | string | readonly string[] | - |
minWidth? | readonly | string | number | - |
modelValue | public | any | - |
name? | readonly | string | - |
onClick:append? | readonly | (args_0: MouseEvent) => void | - |
onClick:appendInner? | public | (...args: [MouseEvent]) => void & (...args: [MouseEvent]) => any | - |
onClick:clear? | public | (...args: [MouseEvent]) => void & (...args: [MouseEvent]) => any | - |
onClick:control? | public | (...args: [MouseEvent]) => void & (...args: [MouseEvent]) => any | - |
onClick:prepend? | readonly | (args_0: MouseEvent) => void | - |
onClick:prependInner? | public | (...args: [MouseEvent]) => void & (...args: [MouseEvent]) => any | - |
onControlClick | public | (e: MouseEvent) => void | - |
onControlMousedown | public | (e: MouseEvent) => void | - |
onDocumentClick | public | (e: MouseEvent) => void | - |
onMousedown:control? | public | (...args: [MouseEvent]) => void & (...args: [MouseEvent]) => any | - |
onUpdate:focused? | public | (...args: [boolean]) => void & (...args: [boolean]) => any | - |
onUpdate:model-value? | public | (...args: [any]) => void & (...args: [any]) => any | - |
onUpdate:modelValue? | public | (...args: [any]) => void & (...args: [any]) => any | - |
persistentClear | readonly | boolean | - |
persistentHint | readonly | boolean | - |
placeholder | readonly | string | undefined | - |
prefix | readonly | string | undefined | - |
prependIcon? | readonly | IconValue | - |
prependInnerIcon? | readonly | IconValue | - |
readonly | readonly | boolean | null | - |
reset | public | () => Promise<void> | - |
resetValidation | public | () => Promise<void> | - |
reverse | readonly | boolean | - |
role | readonly | string | undefined | - |
rounded | readonly | string | number | boolean | - |
rules | readonly | readonly ( | string | boolean | PromiseLike<ValidationResult> | (value: any) => ValidationResult | (value: any) => PromiseLike<ValidationResult> | [string, any, string?])[] | - |
singleLine | readonly | boolean | - |
style | readonly | StyleValue | - |
suffix | readonly | string | undefined | - |
theme? | readonly | string | - |
tile | readonly | boolean | - |
validate | public | (silent?: boolean) => Promise<string[]> | - |
validateOn? | readonly | | "input" | "blur" | "submit" | "invalid-input" | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager" | - |
validationValue? | readonly | any | - |
variant | readonly | | "underlined" | "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "plain" | - |
width? | readonly | string | number | - |
__defaults? | static | { active: boolean; autofocus: boolean; callOnClickAppendInner: BaseClickAppendInnerHookHandler[]; callOnClickClear: BaseClickClearHookHandler[]; callOnClickControl: BaseClickControlHookHandler[]; callOnClickPrependInner: BaseClickPrependInnerHookHandler[]; callOnMousedownControl: BaseMousedownControlHookHandler[]; callOnUpdateFocused: BaseUpdateFocusedHookHandler[]; callOnUpdateModelValue: BaseUpdateModelValueHookHandler[]; centerAffix: boolean; clearable: boolean; clearIcon: IconValue; density: Density; direction: "horizontal" | "vertical"; dirty: boolean; disabled: boolean; error: boolean; errorMessages: string | readonly string[] | null; flat: boolean; focused: boolean; glow: boolean; hideSpinButtons: boolean; isFocused: (e: MouseEvent) => boolean | undefined; maxErrors: string | number; messages: string | readonly string[]; persistentClear: boolean; persistentHint: boolean; placeholder: string | undefined; prefix: string | undefined; readonly: boolean | null; reverse: boolean; role: string | undefined; rounded: string | number | boolean; rules: readonly ( | string | boolean | PromiseLike<ValidationResult> | (value: any) => ValidationResult | (value: any) => PromiseLike<ValidationResult> | [string, any, string?])[]; singleLine: boolean; style: StyleValue; suffix: string | undefined; tile: boolean; variant: | "underlined" | "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "plain"; } | - |
__defaults.active | public | boolean | - |
__defaults.autofocus | public | boolean | - |
__defaults.callOnClickAppendInner | public | BaseClickAppendInnerHookHandler[] | - |
__defaults.callOnClickClear | public | BaseClickClearHookHandler[] | - |
__defaults.callOnClickControl | public | BaseClickControlHookHandler[] | - |
__defaults.callOnClickPrependInner | public | BaseClickPrependInnerHookHandler[] | - |
__defaults.callOnMousedownControl | public | BaseMousedownControlHookHandler[] | - |
__defaults.callOnUpdateFocused | public | BaseUpdateFocusedHookHandler[] | - |
__defaults.callOnUpdateModelValue | public | BaseUpdateModelValueHookHandler[] | - |
__defaults.centerAffix | public | boolean | - |
__defaults.clearable | public | boolean | - |
__defaults.clearIcon | public | IconValue | - |
__defaults.density | public | Density | - |
__defaults.direction | public | "horizontal" | "vertical" | - |
__defaults.dirty | public | boolean | - |
__defaults.disabled | public | boolean | - |
__defaults.error | public | boolean | - |
__defaults.errorMessages | public | string | readonly string[] | null | - |
__defaults.flat | public | boolean | - |
__defaults.focused | public | boolean | - |
__defaults.glow | public | boolean | - |
__defaults.hideSpinButtons | public | boolean | - |
__defaults.isFocused | public | (e: MouseEvent) => boolean | undefined | - |
__defaults.maxErrors | public | string | number | - |
__defaults.messages | public | string | readonly string[] | - |
__defaults.persistentClear | public | boolean | - |
__defaults.persistentHint | public | boolean | - |
__defaults.placeholder | public | string | undefined | - |
__defaults.prefix | public | string | undefined | - |
__defaults.readonly | public | boolean | null | - |
__defaults.reverse | public | boolean | - |
__defaults.role | public | string | undefined | - |
__defaults.rounded | public | string | number | boolean | - |
__defaults.rules | public | readonly ( | string | boolean | PromiseLike<ValidationResult> | (value: any) => ValidationResult | (value: any) => PromiseLike<ValidationResult> | [string, any, string?])[] | - |
__defaults.singleLine | public | boolean | - |
__defaults.style | public | StyleValue | - |
__defaults.suffix | public | string | undefined | - |
__defaults.tile | public | boolean | - |
__defaults.variant | public | | "underlined" | "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "plain" | - |
__differentiator? | static | undefined | #3468 type-only, used to assist Mixin's type inference, TypeScript will try to simplify the inferred Mixin type, with the __differentiator, TypeScript won't be able to combine different mixins, because the __differentiator will be different |
__file? | static | string | This one should be exposed so that devtools can make use of it |
__isBuiltIn? | static | boolean | Compat build only, for bailing out of certain compatibility behavior |
__isFragment? | static | undefined | - |
__isSuspense? | static | undefined | - |
__isTeleport? | static | undefined | - |
__name? | static | string | name inferred from filename |
call? | static | (this: unknown, ...args: unknown[]) => never | - |
class? | static | unknown | - |
compatConfig? | static | CompatConfig | - |
compilerOptions? | static | RuntimeCompilerOptions | - |
components? | static | GlobalComponents & Record<string, Component<any, any, any, ComputedOptions, MethodOptions, { }, any>> | - |
computed? | static | { } | - |
data? | static | (this: CreateComponentPublicInstanceWithMixins<ToResolvedProps<ExtractPropTypes<AppendDefault<{ active: BooleanConstructor; appendIcon: PropType<IconValue>; appendInnerIcon: PropType<IconValue>; autofocus: { default: boolean; type: PropType<boolean>; }; baseColor: StringConstructor; bgColor: StringConstructor; callOnClickAppendInner: { default: () => never[]; type: PropType<BaseClickAppendInnerHookHandler[]>; }; callOnClickClear: { default: () => never[]; type: PropType<BaseClickClearHookHandler[]>; }; callOnClickControl: { default: () => never[]; type: PropType<BaseClickControlHookHandler[]>; }; callOnClickPrependInner: { default: () => never[]; type: PropType<BaseClickPrependInnerHookHandler[]>; }; callOnMousedownControl: { default: () => never[]; type: PropType<BaseMousedownControlHookHandler[]>; }; callOnUpdateFocused: { default: () => never[]; type: PropType<BaseUpdateFocusedHookHandler[]>; }; callOnUpdateModelValue: { default: () => never[]; type: PropType<BaseUpdateModelValueHookHandler[]>; }; centerAffix: { default: undefined; type: BooleanConstructor; }; class: PropType<any>; clearable: BooleanConstructor; clearIcon: { default: string; type: PropType<IconValue>; }; color: StringConstructor; density: { default: string; type: PropType<Density>; validator: (v: any) => boolean; }; direction: { default: string; type: PropType<"horizontal" | "vertical">; validator: (v: any) => boolean; }; dirty: BooleanConstructor; disabled: { default: null; type: BooleanConstructor; }; error: BooleanConstructor; errorMessages: { default: () => never[]; type: PropType<string | readonly ...[] | null>; }; flat: BooleanConstructor; focused: BooleanConstructor; glow: BooleanConstructor; hideDetails: PropType<boolean | "auto">; hideSpinButtons: BooleanConstructor; hint: StringConstructor; iconColor: (BooleanConstructor | StringConstructor)[]; id: StringConstructor; isFocused: { default: undefined; type: PropType<(e: ...) => ... | undefined>; }; label: StringConstructor; loading: (BooleanConstructor | StringConstructor)[]; maxErrors: { default: number; type: (StringConstructor | NumberConstructor)[]; }; maxWidth: (StringConstructor | NumberConstructor)[]; messages: { default: () => never[]; type: PropType<string | readonly ...[]>; }; minWidth: (StringConstructor | NumberConstructor)[]; modelValue: null; name: StringConstructor; onClick:append: PropType<(args_0: MouseEvent) => void>; onClick:appendInner?: PropType<(...args: ...) => ... | undefined>; onClick:clear?: PropType<(...args: ...) => ... | undefined>; onClick:control?: PropType<(...args: ...) => ... | undefined>; onClick:prepend: PropType<(args_0: MouseEvent) => void>; onClick:prependInner?: PropType<(...args: ...) => ... | undefined>; onMousedown:control?: PropType<(...args: ...) => ... | undefined>; onUpdate:focused?: PropType<(...args: ...) => ... | undefined>; onUpdate:model-value?: PropType<(...args: ...) => ... | undefined>; onUpdate:modelValue?: PropType<(...args: ...) => ... | undefined>; persistentClear: BooleanConstructor; persistentHint: BooleanConstructor; placeholder: { default: undefined; type: PropType<string | undefined>; }; prefix: { default: undefined; type: PropType<string | undefined>; }; prependIcon: PropType<IconValue>; prependInnerIcon: PropType<IconValue>; readonly: { default: null; type: PropType<boolean | null>; }; reverse: BooleanConstructor; role: { default: undefined; type: PropType<string | undefined>; }; rounded: { default: undefined; type: (BooleanConstructor | StringConstructor | NumberConstructor)[]; }; rules: { default: () => never[]; type: PropType<readonly (... | ... | ... | ... | ... | ... | ...)[]>; }; singleLine: BooleanConstructor; style: { default: null; type: PropType<StyleValue>; }; suffix: { default: undefined; type: PropType<string | undefined>; }; theme: StringConstructor; tile: BooleanConstructor; validateOn: PropType< | "input" | "blur" | "submit" | "invalid-input" | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager" | undefined>; validationValue: null; variant: { default: string; type: PropType< | "underlined" | "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "plain">; validator: (v: any) => boolean; }; width: (StringConstructor | NumberConstructor)[]; }, { }>>, EmitFunctions<{ click:appendInner: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; click:clear: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; click:control: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; click:prependInner: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; mousedown:control: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; update:focused: (focused: boolean) => boolean; update:model-value: (val: any) => boolean; update:modelValue: (val: any) => boolean; }>>, { }, { }, { }, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin>, vm: CreateComponentPublicInstanceWithMixins<ToResolvedProps<ExtractPropTypes<AppendDefault<{ active: BooleanConstructor; appendIcon: PropType<IconValue>; appendInnerIcon: PropType<IconValue>; autofocus: { default: boolean; type: PropType<boolean>; }; baseColor: StringConstructor; bgColor: StringConstructor; callOnClickAppendInner: { default: () => never[]; type: PropType<BaseClickAppendInnerHookHandler[]>; }; callOnClickClear: { default: () => never[]; type: PropType<BaseClickClearHookHandler[]>; }; callOnClickControl: { default: () => never[]; type: PropType<BaseClickControlHookHandler[]>; }; callOnClickPrependInner: { default: () => never[]; type: PropType<BaseClickPrependInnerHookHandler[]>; }; callOnMousedownControl: { default: () => never[]; type: PropType<BaseMousedownControlHookHandler[]>; }; callOnUpdateFocused: { default: () => never[]; type: PropType<BaseUpdateFocusedHookHandler[]>; }; callOnUpdateModelValue: { default: () => never[]; type: PropType<BaseUpdateModelValueHookHandler[]>; }; centerAffix: { default: undefined; type: BooleanConstructor; }; class: PropType<any>; clearable: BooleanConstructor; clearIcon: { default: string; type: PropType<IconValue>; }; color: StringConstructor; density: { default: string; type: PropType<Density>; validator: (v: any) => boolean; }; direction: { default: string; type: PropType<"horizontal" | "vertical">; validator: (v: any) => boolean; }; dirty: BooleanConstructor; disabled: { default: null; type: BooleanConstructor; }; error: BooleanConstructor; errorMessages: { default: () => never[]; type: PropType<string | readonly ...[] | null>; }; flat: BooleanConstructor; focused: BooleanConstructor; glow: BooleanConstructor; hideDetails: PropType<boolean | "auto">; hideSpinButtons: BooleanConstructor; hint: StringConstructor; iconColor: (BooleanConstructor | StringConstructor)[]; id: StringConstructor; isFocused: { default: undefined; type: PropType<(e: ...) => ... | undefined>; }; label: StringConstructor; loading: (BooleanConstructor | StringConstructor)[]; maxErrors: { default: number; type: (StringConstructor | NumberConstructor)[]; }; maxWidth: (StringConstructor | NumberConstructor)[]; messages: { default: () => never[]; type: PropType<string | readonly ...[]>; }; minWidth: (StringConstructor | NumberConstructor)[]; modelValue: null; name: StringConstructor; onClick:append: PropType<(args_0: MouseEvent) => void>; onClick:appendInner?: PropType<(...args: ...) => ... | undefined>; onClick:clear?: PropType<(...args: ...) => ... | undefined>; onClick:control?: PropType<(...args: ...) => ... | undefined>; onClick:prepend: PropType<(args_0: MouseEvent) => void>; onClick:prependInner?: PropType<(...args: ...) => ... | undefined>; onMousedown:control?: PropType<(...args: ...) => ... | undefined>; onUpdate:focused?: PropType<(...args: ...) => ... | undefined>; onUpdate:model-value?: PropType<(...args: ...) => ... | undefined>; onUpdate:modelValue?: PropType<(...args: ...) => ... | undefined>; persistentClear: BooleanConstructor; persistentHint: BooleanConstructor; placeholder: { default: undefined; type: PropType<string | undefined>; }; prefix: { default: undefined; type: PropType<string | undefined>; }; prependIcon: PropType<IconValue>; prependInnerIcon: PropType<IconValue>; readonly: { default: null; type: PropType<boolean | null>; }; reverse: BooleanConstructor; role: { default: undefined; type: PropType<string | undefined>; }; rounded: { default: undefined; type: (BooleanConstructor | StringConstructor | NumberConstructor)[]; }; rules: { default: () => never[]; type: PropType<readonly (... | ... | ... | ... | ... | ... | ...)[]>; }; singleLine: BooleanConstructor; style: { default: null; type: PropType<StyleValue>; }; suffix: { default: undefined; type: PropType<string | undefined>; }; theme: StringConstructor; tile: BooleanConstructor; validateOn: PropType< | "input" | "blur" | "submit" | "invalid-input" | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input" | "lazy" | "eager" | undefined>; validationValue: null; variant: { default: string; type: PropType< | "underlined" | "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "plain">; validator: (v: any) => boolean; }; width: (StringConstructor | NumberConstructor)[]; }, { }>>, EmitFunctions<{ click:appendInner: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; click:clear: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; click:control: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; click:prependInner: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; mousedown:control: (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown }; update:focused: (focused: boolean) => boolean; update:model-value: (val: any) => boolean; update:modelValue: (val: any) => boolean; }>>, { }, { }, { }, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin>) => { } | - |
delimiters? | static | [string, string] | runtime compile only Deprecated use compilerOptions.delimiters instead. |
directives? | static | GlobalDirectives & Record<string, Directive<any, any, string, any>> | - |
emits? | static | (string[] | EmitFunctions<{ 'click:clear': (e: MouseEvent) => e is MouseEvent & { [key: string]: unknown; }; 'click:appendInner': (e: MouseEvent) => e is MouseEvent & { ...; }; ... 5 more ...; 'update:model-value': (val: any) => boolean; }>) & ThisType<...> | - |
errorCaptured? | static | ErrorCapturedHook<unknown> | - |
expose? | static | string[] | - |
extends? | static | ComponentOptionsMixin | - |
filters? | static | Record<string, Function> | - |
inheritAttrs? | static | boolean | - |
inject? | static | | { } | string[] | - |
key? | static | PropertyKey | - |
methods? | static | { } | - |
mixins? | static | ComponentOptionsMixin[] | - |
name? | static | string | - |
onVnodeBeforeMount? | static | VNodeMountHook | VNodeMountHook[] | - |
onVnodeBeforeUnmount? | static | VNodeMountHook | VNodeMountHook[] | - |
onVnodeBeforeUpdate? | static | VNodeUpdateHook | VNodeUpdateHook[] | - |
onVnodeMounted? | static | VNodeMountHook | VNodeMountHook[] | - |
onVnodeUnmounted? | static | VNodeMountHook | VNodeMountHook[] | - |
onVnodeUpdated? | static | VNodeUpdateHook | VNodeUpdateHook[] | - |
provide? | static | ComponentProvideOptions | - |
ref? | static | VNodeRef | - |
ref_for? | static | boolean | - |
ref_key? | static | string | - |
render? | static | Function | - |
renderTracked? | static | DebuggerHook | - |
renderTriggered? | static | DebuggerHook | - |
setup? | static | (this: void, props: LooseRequired<Props & Prettify<UnwrapMixinsType<IntersectionMixin<Mixin> & IntersectionMixin<Extends>, "P">>>, ctx: { attrs: Data; emit: (event: "update:modelValue", ...args: [any]) => void & (event: "update:model-value", ...args: [any]) => void & (event: "click:clear", ...args: [MouseEvent]) => void & (event: "click:appendInner", ...args: [MouseEvent]) => void & (event: "click:prependInner", ...args: [MouseEvent]) => void & (event: "click:control", ...args: [MouseEvent]) => void & (event: "mousedown:control", ...args: [MouseEvent]) => void & (event: "update:focused", ...args: [boolean]) => void; expose: <Exposed>(exposed?: Exposed) => void; slots: UnwrapSlotsType<S>; }) => | void | RenderFunction | { blur: () => void; focus: () => void; modelValue: WritableComputedRef<any, any>; onControlClick: (e: MouseEvent) => void; onControlMousedown: (e: MouseEvent) => void; onDocumentClick: (e: MouseEvent) => void; } & Omit<Omit<{ $: ComponentInternalInstance; $attrs: Data; $data: { }; $el: any; $emit: (event: string, ...args: any[]) => void; $forceUpdate: () => void; $host: Element | null; $nextTick: { (): Promise<void>; <T, R> (this: T, fn: (this: T) => ... | ...): Promise<R>; }; $options: ComponentOptionsBase<... & ..., { errorMessages: ...; isValid: ...; reset: ...; resetValidation: ...; validate: ...; }, unknown, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, Omit<..., ...>, string, { centerAffix: ...; density: ...; direction: ...; disabled: ...; error: ...; errorMessages: ...; focused: ...; glow: ...; hideSpinButtons: ...; maxErrors: ...; messages: ...; persistentHint: ...; readonly: ...; rules: ...; style: ...; }, { }, string, SlotsType<...>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & MergedComponentOptionsOverride; $parent: | ComponentPublicInstance<{ }, { }, { }, { }, { }, { }, { }, { }, false, ComponentOptionsBase<..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ...>, { }, { }, "", { }, any> | null; $props: Partial<{ centerAffix: ...; density: ...; direction: ...; disabled: ...; error: ...; errorMessages: ...; focused: ...; glow: ...; hideSpinButtons: ...; maxErrors: ...; messages: ...; persistentHint: ...; readonly: ...; rules: ...; style: ...; }> & Omit<... & ... & ... & ..., ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ...>; $refs: Data; $root: | ComponentPublicInstance<{ }, { }, { }, { }, { }, { }, { }, { }, false, ComponentOptionsBase<..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ...>, { }, { }, "", { }, any> | null; $slots: UnwrapSlotsType<S>; $watch: WatchStopHandle; } & Readonly<{ centerAffix: boolean; density: Density; direction: "horizontal" | "vertical"; disabled: boolean | null; error: boolean; errorMessages: string | readonly ...[] | null; focused: boolean; glow: boolean; hideSpinButtons: boolean; maxErrors: string | number; messages: string | readonly ...[]; persistentHint: boolean; readonly: boolean | null; rules: readonly (... | ... | ... | ... | ... | ... | ...)[]; style: StyleValue; }> & Omit<{ centerAffix: boolean; density: Density; direction: ... | ...; disabled: ... | ... | ...; error: boolean; errorMessages: ... | ... | ...; focused: boolean; glow: boolean; hideSpinButtons: boolean; maxErrors: ... | ...; messages: ... | ...; persistentHint: boolean; readonly: ... | ... | ...; rules: readonly ...[]; style: ... | ... | ... | ... | ...; } & { appendIcon?: ... | ...; baseColor?: ... | ...; class?: any; color?: ... | ...; hideDetails?: ... | ... | ... | ...; hint?: ... | ...; iconColor?: ... | ... | ... | ...; id?: ... | ...; label?: ... | ...; maxWidth?: ... | ... | ...; minWidth?: ... | ... | ...; name?: ... | ...; onClick:append?: ... | ...; onClick:prepend?: ... | ...; onUpdate:focused?: ... | ...; prependIcon?: ... | ...; theme?: ... | ...; validateOn?: ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ...; validationValue?: any; width?: ... | ... | ...; }, | "focused" | "disabled" | "error" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "style" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint" | "messages" | "direction" | "reset" | "resetValidation" | "validate" | "isValid"> & ShallowUnwrapRef<{ errorMessages: ComputedRef<...[]>; isValid: ComputedRef<... | ... | ...>; reset: () => Promise<...>; resetValidation: () => Promise<...>; validate: (silent?: ... | ... | ...) => Promise<...>; }> & ExtractComputedReturns<{ }> & ComponentCustomProperties & { } & GenericProps<{ modelValue?: unknown; onUpdate:modelValue?: (value: ...) => ...; }, VInputSlots>, | "focused" | "onUpdate:focused" | "disabled" | "error" | "errorMessages" | "maxErrors" | "name" | "label" | "readonly" | "rules" | "modelValue" | "validateOn" | "validationValue" | "theme" | "width" | "minWidth" | "maxWidth" | "density" | "class" | "style" | "id" | "appendIcon" | "baseColor" | "centerAffix" | "color" | "glow" | "iconColor" | "prependIcon" | "hideDetails" | "hideSpinButtons" | "hint" | "persistentHint" | "messages" | "direction" | "onClick:prepend" | "onClick:append" | "onUpdate:modelValue" | "$children" | "v-slot:append" | "v-slot:default" | "v-slot:details" | "v-slot:message" | "v-slot:prepend" | "v-slots" | keyof VNodeProps>, `$${any}`> & Omit<Omit<{ $: ComponentInternalInstance; $attrs: Data; $data: { }; $el: any; $emit: (event: "update:focused", ...args: [boolean]) => void; $forceUpdate: () => void; $host: Element | null; $nextTick: { (): Promise<void>; <T, R> (this: T, fn: (this: T) => ... | ...): Promise<R>; }; $options: ComponentOptionsBase<... & ... & ..., { controlRef: ...; fieldIconColor: ...; }, unknown, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, Omit<..., ...>, string, { active: ...; centerAffix: ...; clearable: ...; clearIcon: ...; details: ...; dirty: ...; disabled: ...; error: ...; flat: ...; focused: ...; glow: ...; persistentClear: ...; reverse: ...; rounded: ...; singleLine: ...; style: ...; tile: ...; variant: ...; }, { }, string, SlotsType<...>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & MergedComponentOptionsOverride; $parent: | ComponentPublicInstance<{ }, { }, { }, { }, { }, { }, { }, { }, false, ComponentOptionsBase<..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ...>, { }, { }, "", { }, any> | null; $props: Partial<{ active: ...; centerAffix: ...; clearable: ...; clearIcon: ...; details: ...; dirty: ...; disabled: ...; error: ...; flat: ...; focused: ...; glow: ...; persistentClear: ...; reverse: ...; rounded: ...; singleLine: ...; style: ...; tile: ...; variant: ...; }> & Omit<... & ... & ... & ..., ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ... | ...>; $refs: Data; $root: | ComponentPublicInstance<{ }, { }, { }, { }, { }, { }, { }, { }, false, ComponentOptionsBase<..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ...>, { }, { }, "", { }, any> | null; $slots: UnwrapSlotsType<S>; $watch: WatchStopHandle; } & Readonly<{ active: boolean; centerAffix: boolean; clearable: boolean; clearIcon: IconValue; details: boolean; dirty: boolean; disabled: boolean; error: boolean; flat: boolean; focused: boolean; glow: boolean; persistentClear: boolean; reverse: boolean; rounded: string | number | boolean; singleLine: boolean; style: StyleValue; tile: boolean; variant: | "underlined" | "outlined" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "plain"; }> & Omit<{ active: boolean; clearable: boolean; clearIcon: IconValue; details: boolean; dirty: boolean; disabled: boolean; error: boolean; flat: boolean; focused: boolean; glow: boolean; persistentClear: boolean; reverse: boolean; singleLine: boolean; style: ... | ... | ... | ... | ...; tile: boolean; variant: ... | ... | ... | ... | ... | ... | ...; } & { appendInnerIcon?: ... | ...; baseColor?: ... | ...; bgColor?: ... | ...; centerAffix?: ... | ... | ...; class?: any; color?: ... | ...; iconColor?: ... | ... | ... | ...; id?: ... | ...; label?: ... | ...; labelId?: ... | ...; loading?: ... | ... | ... | ...; onClick:appendInner?: ... | ...; onClick:clear?: ... | ...; onClick:prependInner?: ... | ...; onUpdate:focused?: ... | ...; prependInnerIcon?: ... | ...; rounded?: ... | ... | ... | ... | ...; theme?: ... | ...; } & { onUpdate:focused?: ... | ...; }, | "focused" | "disabled" | "error" | "style" | "centerAffix" | "glow" | "rounded" | "tile" | "clearable" | "clearIcon" | "active" | "dirty" | "flat" | "persistentClear" | "reverse" | "singleLine" | "variant" | "details" | "controlRef" | "fieldIconColor"> & ShallowUnwrapRef<{ controlRef: Ref<... | ..., ... | ...>; fieldIconColor: ComputedRef<... | ...>; }> & ExtractComputedReturns<{ }> & ComponentCustomProperties & { } & GenericProps<{ modelValue?: unknown; onUpdate:modelValue?: (value: ...) => ...; }, VFieldSlots>, | "focused" | "onUpdate:focused" | "disabled" | "error" | "label" | "modelValue" | "theme" | "class" | "style" | "id" | "baseColor" | "centerAffix" | "color" | "glow" | "iconColor" | "rounded" | "tile" | "loading" | "appendInnerIcon" | "bgColor" | "clearable" | "clearIcon" | "active" | "dirty" | "flat" | "persistentClear" | "prependInnerIcon" | "reverse" | "singleLine" | "variant" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:modelValue" | "$children" | "v-slot:default" | "v-slots" | "details" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:label" | "v-slot:loader" | "v-slot:prepend-inner" | "labelId" | keyof VNodeProps>, `$${any}`> & { _allExposed: | { errorMessages: ComputedRef<string[]>; isValid: ComputedRef<boolean | null>; reset: () => Promise<void>; resetValidation: () => Promise<void>; validate: (silent?: boolean) => Promise<string[]>; } | { controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>; fieldIconColor: ComputedRef<string | undefined>; } | { blur: () => void; focus: () => void; modelValue: WritableComputedRef<any, any>; onControlClick: (e: MouseEvent) => void; onControlMousedown: (e: MouseEvent) => void; onDocumentClick: (e: MouseEvent) => void; }; } | Promise<{ blur: () => void; focus: () => void; modelValue: WritableComputedRef<any, any>; onControlClick: (e: MouseEvent) => void; onControlMousedown: (e: MouseEvent) => void; onDocumentClick: (e: MouseEvent) => void; } & Omit<Omit<{ $: ComponentInternalInstance; $attrs: Data; $data: { }; $el: any; $emit: (event: string, ...args: ...[]) => void; $forceUpdate: () => void; $host: Element | null; $nextTick: { (): Promise<...>; <T, R> (this: T, fn: (this: ...) => ...): Promise<...>; }; $options: ComponentOptionsBase<..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ...> & MergedComponentOptionsOverride; $parent: | ComponentPublicInstance<..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ...> | null; $props: Partial<...> & Omit<..., ...>; $refs: Data; $root: | ComponentPublicInstance<..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ...> | null; $slots: UnwrapSlotsType<S>; $watch: WatchStopHandle; } & Readonly<{ centerAffix: boolean; density: Density; direction: ... | ...; disabled: ... | ... | ...; error: boolean; errorMessages: ... | ... | ...; focused: boolean; glow: boolean; hideSpinButtons: boolean; maxErrors: ... | ...; messages: ... | ...; persistentHint: boolean; readonly: ... | ... | ...; rules: readonly ...[]; style: StyleValue; }> & Omit<{ centerAffix: ...; density: ...; direction: ...; disabled: ...; error: ...; errorMessages: ...; focused: ...; glow: ...; hideSpinButtons: ...; maxErrors: ...; messages: ...; persistentHint: ...; readonly: ...; rules: ...; style: ...; } & { appendIcon?: ...; baseColor?: ...; class?: ...; color?: ...; hideDetails?: ...; hint?: ...; iconColor?: ...; id?: ...; label?: ...; maxWidth?: ...; minWidth?: ...; name?: ...; onClick:append?: ...; onClick:prepend?: ...; onUpdate:focused?: ...; prependIcon?: ...; theme?: ...; validateOn?: ...; validationValue?: ...; width?: ...; }, | "focused" | "disabled" | "error" | "errorMessages" | "maxErrors" | "readonly" | "rules" | "density" | "style" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint" | "messages" | "direction" | "reset" | "resetValidation" | "validate" | "isValid"> & ShallowUnwrapRef<{ errorMessages: ComputedRef<...>; isValid: ComputedRef<...>; reset: () => ...; resetValidation: () => ...; validate: (silent?: ...) => ...; }> & ExtractComputedReturns<{ }> & ComponentCustomProperties & { } & GenericProps<{ modelValue?: unknown; onUpdate:modelValue?: ... | ...; }, VInputSlots>, | "focused" | "onUpdate:focused" | "disabled" | "error" | "errorMessages" | "maxErrors" | "name" | "label" | "readonly" | "rules" | "modelValue" | "validateOn" | "validationValue" | "theme" | "width" | "minWidth" | "maxWidth" | "density" | "class" | "style" | "id" | "appendIcon" | "baseColor" | "centerAffix" | "color" | "glow" | "iconColor" | "prependIcon" | "hideDetails" | "hideSpinButtons" | "hint" | "persistentHint" | "messages" | "direction" | "onClick:prepend" | "onClick:append" | "onUpdate:modelValue" | "$children" | "v-slot:append" | "v-slot:default" | "v-slot:details" | "v-slot:message" | "v-slot:prepend" | "v-slots" | keyof VNodeProps>, `$${any}`> & Omit<Omit<{ $: ComponentInternalInstance; $attrs: Data; $data: { }; $el: any; $emit: (event: "update:focused", ...args: [...]) => void; $forceUpdate: () => void; $host: Element | null; $nextTick: { (): Promise<...>; <T, R> (this: T, fn: (this: ...) => ...): Promise<...>; }; $options: ComponentOptionsBase<..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ...> & MergedComponentOptionsOverride; $parent: | ComponentPublicInstance<..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ...> | null; $props: Partial<...> & Omit<..., ...>; $refs: Data; $root: | ComponentPublicInstance<..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ..., ...> | null; $slots: UnwrapSlotsType<S>; $watch: WatchStopHandle; } & Readonly<{ active: boolean; centerAffix: boolean; clearable: boolean; clearIcon: IconValue; details: boolean; dirty: boolean; disabled: boolean; error: boolean; flat: boolean; focused: boolean; glow: boolean; persistentClear: boolean; reverse: boolean; rounded: ... | ... | ... | ...; singleLine: boolean; style: StyleValue; tile: boolean; variant: ... | ... | ... | ... | ... | ... | ...; }> & Omit<{ active: ...; clearable: ...; clearIcon: ...; details: ...; dirty: ...; disabled: ...; error: ...; flat: ...; focused: ...; glow: ...; persistentClear: ...; reverse: ...; singleLine: ...; style: ...; tile: ...; variant: ...; } & { appendInnerIcon?: ...; baseColor?: ...; bgColor?: ...; centerAffix?: ...; class?: ...; color?: ...; iconColor?: ...; id?: ...; label?: ...; labelId?: ...; loading?: ...; onClick:appendInner?: ...; onClick:clear?: ...; onClick:prependInner?: ...; onUpdate:focused?: ...; prependInnerIcon?: ...; rounded?: ...; theme?: ...; } & { onUpdate:focused?: ...; }, | "focused" | "disabled" | "error" | "style" | "centerAffix" | "glow" | "rounded" | "tile" | "clearable" | "clearIcon" | "active" | "dirty" | "flat" | "persistentClear" | "reverse" | "singleLine" | "variant" | "details" | "controlRef" | "fieldIconColor"> & ShallowUnwrapRef<{ controlRef: Ref<..., ...>; fieldIconColor: ComputedRef<...>; }> & ExtractComputedReturns<{ }> & ComponentCustomProperties & { } & GenericProps<{ modelValue?: unknown; onUpdate:modelValue?: ... | ...; }, VFieldSlots>, | "focused" | "onUpdate:focused" | "disabled" | "error" | "label" | "modelValue" | "theme" | "class" | "style" | "id" | "baseColor" | "centerAffix" | "color" | "glow" | "iconColor" | "rounded" | "tile" | "loading" | "appendInnerIcon" | "bgColor" | "clearable" | "clearIcon" | "active" | "dirty" | "flat" | "persistentClear" | "prependInnerIcon" | "reverse" | "singleLine" | "variant" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:modelValue" | "$children" | "v-slot:default" | "v-slots" | "details" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:label" | "v-slot:loader" | "v-slot:prepend-inner" | "labelId" | keyof VNodeProps>, `$${any}`> & { _allExposed: | { errorMessages: ComputedRef<string[]>; isValid: ComputedRef<boolean | null>; reset: () => Promise<void>; resetValidation: () => Promise<void>; validate: (silent?: boolean) => Promise<...[]>; } | { controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>; fieldIconColor: ComputedRef<string | undefined>; } | { blur: () => void; focus: () => void; modelValue: WritableComputedRef<any, any>; onControlClick: (e: MouseEvent) => void; onControlMousedown: (e: MouseEvent) => void; onDocumentClick: (e: MouseEvent) => void; }; }> | - |
slots? | static | SlotsType<{ append?: (arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; append-inner?: (arg: DefaultInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; clear?: (arg: DefaultInputSlot & { props: Record<string, any>; }) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; default?: (arg: VFieldSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; details?: (arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; label?: (arg: DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; loader?: (arg: LoaderSlotProps) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; message?: (arg: VMessageSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; prepend?: (arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; prepend-inner?: (arg: DefaultInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; }> | - |
style? | static | unknown | - |
template? | static | string | object | - |
watch? | static | ComponentWatchOptions | - |
Methods
$watch()
ts
$watch<T>(
source: T,
cb: T extends (...args: any) => R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any,
options?: WatchOptions<boolean>): WatchStopHandle;Type Parameters
| Type Parameter |
|---|
T extends string | (...args: any) => any |
Parameters
| Parameter | Type |
|---|---|
source | T |
cb | T extends (...args: any) => R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any |
options? | WatchOptions<boolean> |
Returns
WatchStopHandle
activated()?
ts
static optional activated(): any;Returns
any
beforeCreate()?
ts
static optional beforeCreate(): any;Returns
any
beforeDestroy()?
ts
static optional beforeDestroy(): any;Returns
any
Deprecated
use beforeUnmount instead
beforeMount()?
ts
static optional beforeMount(): any;Returns
any
beforeUnmount()?
ts
static optional beforeUnmount(): any;Returns
any
beforeUpdate()?
ts
static optional beforeUpdate(): any;Returns
any
created()?
ts
static optional created(): any;Returns
any
deactivated()?
ts
static optional deactivated(): any;Returns
any
destroyed()?
ts
static optional destroyed(): any;Returns
any
Deprecated
use unmounted instead
mounted()?
ts
static optional mounted(): any;Returns
any
serverPrefetch()?
ts
static optional serverPrefetch(): void | Promise<any>;Returns
void | Promise<any>
unmounted()?
ts
static optional unmounted(): any;Returns
any
updated()?
ts
static optional updated(): any;Returns
any