Lucrul cu textarea în Vue
Lucrul cu textarea
are loc absolut la fel ca și cu
inputurile - prin directiva
v-model. Să vedem
în practică. Să facem o proprietate,
pe care o vom lega de tagul nostru:
data() {
return {
text: '',
}
}
Să legăm proprietatea la tag:
<template>
<textarea v-model="text"></textarea>
</template>
Să facem și un paragraf, în care va fi afișat textul introdus:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Este dat textarea. Faceți astfel încât la introducerea
textului în acest textarea, acest text simultan
să fie afișat în paragraful de sub el.
Este dată o buton textarea. În el se introduce
text. La apăsarea butonului obțineți un array
de cuvinte introduse și afișați elementele
acestui array sub forma unei liste ul.
