Trabajo con textarea en Vue
Trabajar con textarea
se hace exactamente de la misma manera que con
los inputs - a través de la directiva
v-model. Veámoslo
en la práctica. Creemos una propiedad,
que vincularemos a nuestra
etiqueta:
data() {
return {
text: '',
}
}
Vinculamos la propiedad a la etiqueta:
<template>
<textarea v-model="text"></textarea>
</template>
Hagamos también un párrafo, en el que se mostrará el texto introducido:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Se da un textarea. Haz que al escribir
texto en este textarea, este texto se muestre simultáneamente
en el párrafo debajo de él.
Se da un botón textarea. En él se introduce
texto. Al presionar el botón obtén un array
de las palabras introducidas y muestra los elementos
de este array en forma de lista ul.
