Arbete med textarea i Vue
Arbete med textarea
sker på exakt samma sätt som med
inputfält - genom direktivet
v-model. Låt oss se
det i praktiken. Vi skapar en egenskap
som vi binder till vår
tagg:
data() {
return {
text: '',
}
}
Låt oss binda egenskapen till taggen:
<template>
<textarea v-model="text"></textarea>
</template>
Låt oss också skapa ett stycke där den inmatade texten kommer att visas:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
En textarea är given. Se till att när text
skrivs in i denna textarea, så ska denna text samtidigt
visas i stycket under den.
En knapp och en textarea är given. Text matas in
i den. Vid klick på knappen, hämta en array
av de inmatade orden och visa elementen
i denna array som en ul-lista.
