Werken met textarea in Vue
Werken met textarea
verloopt absoluut hetzelfde als met
inputvelden - via de directive
v-model. Laten we het in de
praktijk bekijken. We maken een property,
die we aan onze tag zullen binden:
data() {
return {
text: '',
}
}
Laten we de property aan de tag binden:
<template>
<textarea v-model="text"></textarea>
</template>
Laten we ook een paragraaf maken waarin de ingevoerde tekst wordt weergegeven:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Er is een textarea. Zorg ervoor dat bij het typen
van tekst in deze textarea, deze tekst tegelijkertijd
wordt weergegeven in de paragraaf eronder.
Er is een knop textarea. Hierin wordt
tekst ingevoerd. Krijg bij het klikken op de knop een array
van de ingevoerde woorden en geef de elementen
van deze array weer als een lijst ul.
