Lavorare con textarea in Vue
Il lavoro con textarea
avviene esattamente allo stesso modo degli
input - tramite la direttiva
v-model. Vediamo praticamente.
Creiamo una proprietà,
che collegheremo al nostro
tag:
data() {
return {
text: '',
}
}
Colleghiamo la proprietà al tag:
<template>
<textarea v-model="text"></textarea>
</template>
Aggiungiamo anche un paragrafo in cui verrà visualizzato il testo inserito:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
È dato un textarea. Fai in modo che durante la digitazione
del testo in questo textarea, questo testo venga contemporaneamente
visualizzato nel paragrafo sottostante.
È data una textarea. In essa viene inserito
del testo. Alla pressione di un pulsante, ottieni un array
delle parole inserite e visualizza gli elementi
di questo array sotto forma di lista ul.
