Arbeid med textarea i Vue
Arbeid med textarea
skjer absolutt på samme måte som med
input-felter - gjennom direktivet
v-model. La oss se på det
i praksis. La oss lage en egenskap,
som vi vil binde til vår
tagg:
data() {
return {
text: '',
}
}
La oss binde egenskapen til taggen:
<template>
<textarea v-model="text"></textarea>
</template>
La oss også lage et avsnitt der den innskrevne teksten vil blir vist:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Det er gitt en textarea. Gjør slik at når du skriver
tekst i denne textarea, skal denne teksten samtidig
blir vist i avsnittet under den.
Det er gitt en knapp textarea. I den skrives det
tekst. Ved å trykke på knappen, få en matrise
av innskrevne ord og vis elementene
i denne matrisen som en liste ul.
