Delo z textarea v Vue
Delo z textarea
poteka popolnoma enako kot z
vhodi - prek direktive
v-model. Poglejmo si
v praksi. Naredimo lastnost,
ki jo bomo povezali z našo
oznako:
data() {
return {
text: '',
}
}
Povežimo lastnost z oznako:
<template>
<textarea v-model="text"></textarea>
</template>
Naredimo še odstavek, v katerega bo izpisovan vnesen tekst:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Podan je textarea. Poskrbite, da se ob vnosu
teksta v ta textarea, ta tekst sočasno
izpiše v odstavku pod njim.
Podan je gumb textarea. Vanj se vnese
tekst. Ob kliku na gumb pridobite seznam
vnesenih besed in izpišite elemente
tega seznama v obliki seznama ul.