Textarea használata Vue-ban
A textarea
használata teljesen ugyanúgy történik, mint a
input mezőkkel - a
v-model direktíva
segítségével. Lássuk a gyakorlatban. Készítsünk egy tulajdonságot,
amelyet hozzákötünk a tagünkhöz:
data() {
return {
text: '',
}
}
Kössük a tulajdonságot a taghez:
<template>
<textarea v-model="text"></textarea>
</template>
Készítsünk még egy bekezdést is, amelybe a beírt szöveg kerül kiírásra:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Adott egy textarea. Úgy kell elrendezni, hogy a
szöveg beírásakor ebben a textarea-ban, ez a szöveg egyidejűleg
ki legyen írva az alatta lévő bekezdésbe is.
Adott egy gomb textarea. Ebbe
szöveg van beírva. A gomb megnyomásakor kapja meg a beírt
szavak tömbjét és írja ki a tömb
elemeit egy ul listában.
