Bekerja dengan textarea di Vue
Bekerja dengan textarea
terjadi dengan cara yang persis sama seperti dengan
input - melalui direktif
v-model. Mari kita lihat
dalam praktik. Buatlah properti,
yang akan kita ikat ke tag
kami:
data() {
return {
text: '',
}
}
Ikat properti ke tag:
<template>
<textarea v-model="text"></textarea>
</template>
Buat juga paragraf, di mana teks yang dimasukkan akan ditampilkan:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Diberikan textarea. Buatlah agar saat mengetik
teks di textarea ini, teks tersebut secara bersamaan
ditampilkan di paragraf di bawahnya.
Diberikan sebuah tombol textarea. Di dalamnya dimasukkan
teks. Saat tombol ditekan, dapatkan array
kata-kata yang dimasukkan dan tampilkan elemen-elemen
array tersebut dalam bentuk daftar ul.
