Darbas su textarea Vue
Darbas su textarea
vyksta visiškai taip pat, kaip ir su
įvesties laukais - per direktyvą
v-model. Pažiūrėkime
praktiškai. Sukurkime savybę,
kurią pririšime prie mūsų
žymės:
data() {
return {
text: '',
}
}
Pririškime savybę prie žymės:
<template>
<textarea v-model="text"></textarea>
</template>
Sukurkime dar ir pastraipą, į kurią bus išvedamas įvedamas tekstas:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Duotas textarea. Padarykite taip, kad renkant
tekstą šiame textarea, šis tekstas tuo pačiu metu
būtų rodomas pastraipoje po juo.
Duotas mygtukas textarea. Į jį įvedamas
tekstas. Paspaudus mygtuką gautkite masyvą
įvestų žodžių ir parodykite elemento
šio masyvo sąrašo pavidalu ul.