Travailler avec textarea dans Vue
Travailler avec textarea
se passe exactement de la même manière qu'avec
les inputs - via la directive
v-model. Voyons cela
en pratique. Créons une propriété,
que nous lierons à notre
balise :
data() {
return {
text: '',
}
}
Lions la propriété à la balise :
<template>
<textarea v-model="text"></textarea>
</template>
Ajoutons également un paragraphe, dans lequel le texte saisi sera affiché :
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Un textarea est donné. Faites en sorte que lors de la saisie
de texte dans ce textarea, ce texte soit simultanément
affiché dans le paragraphe en dessous.
Un bouton textarea est donné. Du texte y est saisi.
Lorsqu'on clique sur le bouton, obtenez un tableau
des mots saisis et affichez les éléments
de ce tableau sous forme de liste ul.
