J'utilise Vue.js et Vuetify. J'ai rencontré une scène intéressante. J'ai donc trois options (boutons radio)
J'ai un champ de texte v avec une valeur de texte spécifique et un attribut en lecture seule. Maintenant, lorsque l'option change/sélectionne, je souhaite modifier la position de ce texte dans le champ de texte v.
Par exemple, lorsque l'option 1 (gauche), le texte doit être déplacé vers la gauche dans le champ de texte en V. Lorsque l’option 2 (milieu) est utilisée, le texte doit se déplacer vers le milieu. Etc., etc.
Toutes suggestions à ce sujet. S'il existe un meilleur moyen, guidez-moi s'il vous plaît.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous pouvez utiliser la liaisonclasse ou style dans Vue
data() { return { activeAlignment: 'center' } }Vous pouvez créer des classes et les lier :
new Vue({ el: '#app', vuetify: new Vuetify(), data: () => ({ text: 'some text', align: '' }) }).left .v-text-field__slot textarea, .left .v-text-field__slot input { text-align: left; } .center .v-text-field__slot textarea, .center .v-text-field__slot input { text-align: center; } .right .v-text-field__slot textarea, .right .v-text-field__slot input { text-align: right; }