The v-input component gives you a baseline to create your own custom inputs. It consists of a prepend/append slot, messages, and a default slot. It is recommended that you extend this component, but it can be used as a standalone.
v-input a 4 zones principales. L'emplacement précédant, l'emplacement ajouté, l'emplacement par défaut et les messages. Elles constituent la logique de base partagée entre tous les composants de forme.
The v-input component is used as a wrapper for all of the Vuetify form controls. It does NOT inherit attributes as they are expected to be passed down to inner inputs.
Sélectionnez le composant désiré ci-dessous afin de voir les props, slots, événements et méthodes disponibles.
Vous trouverez ci-dessous une collection d'exemples simples ou complexes.
v-input a un état loading qui peut être utilisé, par exemple pour le chargement des données. Note: v-text-field est utilisé juste par exemple.
v-input peut avoir hint qui peut dire à l'utilisateur comment utiliser l'entrée. persistent-hint prop rend l'indice visible toujours si aucun message n'est affiché.
Comme tout composant Vuetify validable, v-input peut être défini pour être réglé en mode succès en utilisant success prop, vous pouvez y ajouter un message en utilisant success-messages prop.
Comme n'importe quel composant Vuetify validable, v-input peut être défini à l'état d'erreur en utilisant le properror prop, les messages peuvent être ajoutés en utilisant le properror-messages. Vous pouvez déterminer le nombre de messages d'erreur à afficher en utilisant la propriété error-count.
Vous pouvez ajouter plusieurs erreurs à v-input en utilisant la propriété error-count.
Vous pouvez ajouter des règles de validation personnalisées à v-input, les ajouter comme des fonctions qui retournent true/message d'erreur. Note: v-text-field est utilisé juste par exemple.
When hide-details is set to auto messages will be rendered only if there's a message (hint, error message etc) to display.
v-input a des emplacements append et prepend. Vous pouvez y placer des icônes personnalisées.
v-input peut avoir des événements click:append et click:prepend pour ses emplacements. Note: v-text-field est utilisé juste par exemple.
Prêt pour plus ? Continuez la lecture avec :