Pengendalian textarea dalam Vue
Pengendalian textarea
dilakukan dengan cara yang sama seperti
input - melalui arahan
v-model. Mari kita lihat
secara praktik. Buat satu sifat,
yang akan kita ikat kepada
tag kami:
data() {
return {
text: '',
}
}
Ikat sifat kepada tag:
<template>
<textarea v-model="text"></textarea>
</template>
Buat juga satu perenggan, di mana teks yang dimasukkan akan dipaparkan:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Diberi textarea. Lakukan supaya apabila menaip
teks dalam textarea ini, teks ini secara serentak
dipaparkan dalam perenggan di bawahnya.
Diberi butang textarea. Teks dimasukkan ke dalamnya.
Apabila butang ditekan, dapatkan array
perkataan yang dimasukkan dan paparkan elemen
array tersebut dalam bentuk senarai ul.
