Alors, j'ai une zone de texte pour entrer le nom d'utilisateur. Et je veux un symbole @ au début de ce textinput . En outre, ce symbole @ ne devrait pas être en retrait.
DefaultValue ne m'aidera pas dans mon cas.
5 Réponses :
Pourquoi n'utilisez-vous pas simplement CSS de base pour cela. J'ai reçu cet exemple du violon, peut-être que c'est ce que vous voulez.
html css
Vous pouvez mettre votre TextInput dans un composant de vue et placer une image au tout début. Une fois j'ai créé quelque chose de similaire comme celui-ci
Comme vous ne pouvez pas attacher de contenu sur les pseudo-classes de l'entrée :: avant et :: après ,
Vous devez envelopper votre <étiquette> et mettez le symbole '@' sur le label :: avant
Vous devrez étendre votre composant d'entrée pour avoir cette fonctionnalité. Quelque chose comme
Il sera optimal d'utiliser 2 composants différents, premier élément avec symbole statique "@" et seconde est l'entrée de texte:
S'il vous plaît ajouter les styles comme vous le souhaitez. Vous pouvez le voir comme exemple: lien