Arbejde med textarea i Vue
Arbejde med textarea
foregår helt på samme måde som med
inputfelter - gennem direktivet
v-model. Lad os se på det
i praksis. Lad os lave en egenskab,
som vi vil binde til vores
tag:
data() {
return {
text: '',
}
}
Lad os binde egenskaben til tagget:
<template>
<textarea v-model="text"></textarea>
</template>
Lad os også lave et afsnit, hvor den indtastede tekst vil blive vist:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Der er givet en textarea. Sørg for, at når der indtastes
tekst i denne textarea, vises denne tekst samtidigt
i afsnittet under den.
Der er givet en knap textarea. Der indtastes
tekst i den. Ved at trykke på knappen skal du få en array
af de indtastede ord og vise elementerne
i denne array som en liste ul.
