Praca z textarea w Vue
Praca z textarea
odbywa się absolutnie tak samo, jak z
inputami - przez dyrektywę
v-model. Spójrzmy
w praktyce. Stwórzmy właściwość,
którą będziemy wiązać z naszym
tagiem:
data() {
return {
text: '',
}
}
Powiążmy właściwość z tagiem:
<template>
<textarea v-model="text"></textarea>
</template>
Stwórzmy jeszcze akapit, w którym będzie wyświetlany wprowadzany tekst:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Dany jest textarea. Spraw, aby podczas wprowadzania
tekstu w tym textarea, ten tekst jednocześnie
wyświetlał się w akapicie pod nim.
Dany jest przycisk textarea. Wprowadza się do niego
tekst. Po naciśnięciu przycisku uzyskaj tablicę
wprowadzonych słów i wyświetl elementy
tej tablicy w postaci listy ul.
