Werk met textarea in Vue
Werk met textarea
geskied absoluut net soos met
invoervelde - deur die
v-model richtlyn. Kom ons kyk
in die praktyk. Maak 'n eienskap
wat ons aan ons
etiket sal bind:
data() {
return {
text: '',
}
}
Bind die eienskap aan die etiket:
<template>
<textarea v-model="text"></textarea>
</template>
Kom ons maak ook 'n paragraaf waarin die ingetikte teks uitgeskryf sal word:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Gegee 'n textarea. Maak dit so dat wanneer teks
in hierdie textarea getik word, hierdie teks gelyktydig
in die paragraaf daaronder vertoon word.
Gegee 'n knoppie textarea. Daarin word
teks ingetik. Wanneer op die knoppie gedruk word, kry die skikking
van die ingetikte woorde en vertoon die elemente
van hierdie skikking as 'n lys ul.
