Textarea-ga töötamine Vue's
Töötamine textarea
toimub täpselt samamoodi nagu
input'idega - läbi direktiivi
v-model. Vaatame seda
praktikas. Teeme omaduse,
mille seome oma
tagiga:
data() {
return {
text: '',
}
}
Seome omaduse tagiga:
<template>
<textarea v-model="text"></textarea>
</template>
Teeme veel ja lõigu, millesse sisestatav tekst kuvatakse:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Antud on textarea. Tehke nii, et tekstis sisestamisel
sellesse textarea, see tekst samaaegselt
kuvataks allolevas lõigus.
Antud on nupp textarea. Sellesse sisestatakse
tekst. Vajutades nuppu saage massiiv
sisestatud sõnadest ja kuvage selle massiivi elemendid
loendina ul.