Darbība ar textarea Vue
Darbība ar textarea
notiek absolūti tāpat, kā ar
inputiem - caur direktīvu
v-model. Apskatīsim
praktiski. Izveidosim īpašību,
ko piesaistīsim mūsu
tagam:
data() {
return {
text: '',
}
}
Piesaistīsim īpašību tagam:
<template>
<textarea v-model="text"></textarea>
</template>
Izveidosim vēl arī rindkopu, kurā tiks izvadīts ievadītais teksts:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Dots textarea. Izveidojiet tā, lai rakstot
tekstu šajā textarea, šis teksts vienlaicīgi
tiktu izvadīts rindkopā zem tā.
Dota poga textarea. Tajā tiek ievadīts
teksts. Nospiežot pogu iegūstiet masīvu
ar ievadītajiem vārdiem un izvadiet elementus
no šī masīva saraksta veidā ul.
