Kufanya Kazi na textarea katika Vue
Kufanya kazi na textarea
hufanyika kwa njia ile ile kabisa, kama ilivyo kwa
vipingamanzano - kupitia diraktiva
v-model. Hebu tuangalie
kwa vitendo. Tufanye sifa,
ambayo tutaunganisha kwa kitambulishi chetu:
data() {
return {
text: '',
}
}
Tutaunganisha sifa kwa kitambulishi:
<template>
<textarea v-model="text"></textarea>
</template>
Tufanye pia aya, ambayo maandishi yaliyochapishwa yatatokana na:
<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Ametolewa textarea. Fanya ili wakati wa kuandika
maandishi katika textarea hii, maandishi hayo wakati huo huo
yaonekane kwenye aya iliyo chini yake.
Ametolewa kitufe cha textarea. Ndani yake huandikwa
maandishi. Kwa kubonyeza kitufe pata safu
ya maneno yaliyoingizwa na uonyeshe vipengele
vya safu hiyo kwa njia ya orodha ya ul.