Arbeit mit textarea in Vue
Die Arbeit mit textarea
erfolgt genauso wie mit
Inputs - über die Direktive
v-model. Lassen Sie uns das
in der Praxis sehen. Erstellen wir eine Eigenschaft,
die wir an unserem
Tag binden werden:
data() {
return {
text: '',
}
}
Binden wir die Eigenschaft an den Tag:
<template>
<textarea v-model="text"></textarea>
</template>
Erstellen wir noch einen Absatz, in den der eingegebene Text ausgegeben wird:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Ein textarea ist gegeben. Sorgen Sie dafür, dass beim Tippen
von Text in diesem textarea dieser Text gleichzeitig
in dem Absatz darunter ausgegeben wird.
Eine Schaltfläche textarea ist gegeben. In ihn wird
Text eingegeben. Bei einem Klick auf die Schaltfläche holen Sie sich ein Array
der eingegebenen Wörter und geben Sie die Elemente
dieses Arrays in Form einer Liste ul aus.
