Práce s textarea ve Vue
Práce s textarea
probíhá úplně stejně jako u
inputů - přes direktivu
v-model. Podívejme se
v praxi. Vytvořme vlastnost,
kterou budeme vázat na náš
tag:
data() {
return {
text: '',
}
}
Přivažme vlastnost k tagu:
<template>
<textarea v-model="text"></textarea>
</template>
Vytvořme ještě odstavec, do kterého bude vypisován vkládaný text:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Je dán textarea. Zařiďte, aby při psaní
textu v tomto textarea byl tento text současně
vypisován v odstavci pod ním.
Je dáno tlačítko textarea. Do něj se vkládá
text. Po stisknutí tlačítka získejte pole
zadaných slov a vypište prvky
tohoto pole ve formě seznamu ul.