Vue да textarea билан ишлаш
textarea
билан ишлаш инпутлар билан ишлашга
ўхшаш амалга оширилади -
v-model директиваси орқали.
Амалиётда кўрамиз. Ўзимизнинг
хоссиятнимизни яратамиз, уни
тегимизга боглаймиз:
javascriptdata() {
return {
text: '',
}
}
Хоссиятни тегга боглаймиз:
App.vue<template>
<textarea v-model="text"></textarea>
</template>
Яна бир абзац яратамиз, унга киритилаётган матн чиқарилади:
App.vue<template>
<textarea v-model="text"></textarea>
<p>{{ text }}</p>
</template>
Задание 1
textarea берилган. Ушбу textarea-да
матн киритилганда, шу матн бир вақтнинг ўзида
унинг остидаги абзацда чиқарилишини таъминланг.
Задание 2
textarea теги берилган. Унга матн киритилади.
Тугма босилганда, киритилган сўзлар массивини олинг
ва ушбу массив элементларини ul рўйхат шаклида чиқаринг.