Vue'da textarea ile Çalışma
textarea ile çalışma
tamamen inputlar ile aynı şekilde gerçekleşir -
v-model direktifi aracılığıyla. Hadi pratikte
görelim. Textarea'mıza bağlayacağımız bir özellik
yapalım:
data() {
return {
text: '',
}
}
Özelliği etikete bağlayalım:
<template>
<textarea v-model="text"></textarea>
</template>
Girilen metnin gösterileceği bir paragraf daha yapalım:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Bir textarea verilmiştir. Bu textarea'ya metin yazıldığında,
bu metnin aynı anda altındaki paragrafa yazdırılmasını sağlayın.
Bir textarea butonu verilmiştir. İçine
metin girilir. Butona tıklandığında girilen
kelimelerin dizisini alın ve bu dizinin elemanlarını
ul listesi şeklinde gösterin.
