Práca s textarea vo Vue
Práca s textarea
prebieha úplne rovnako, ako s
inputami - cez direktívu
v-model. Pozrime sa na to
v praxi. Vytvorme vlastnosť,
ktorú budeme viazať na náš
tag:
data() {
return {
text: '',
}
}
Previažme vlastnosť s tagom:
<template>
<textarea v-model="text"></textarea>
</template>
Pridajme ešte aj odsek, do ktorého sa bude vypisovať písaný text:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Daný je textarea. Zaistite, aby sa pri písaní
textu do tohto textarea, tento text súčasne
vypisoval do odseku pod ním.
Dané je tlačidlo textarea. Do neho sa píše
text. Pri kliknutí na tlačidlo získajte pole
zadaných slov a vypíšte prvky
tohto poľa vo forme zoznamu ul.