Textarea-ի հետ աշխատանքը Vue-ում

textarea-ի հետ աշխատանքը տեղի է ունենում բացարձակապես նույն կերպ, ինչ ինպուտների դեպքում՝ օգտագործելով v-model դիրեկտիվը։ Եկեք գործնականում նայենք։ Ստեղծենք մի հատկություն, որը կկապենք մեր թեգի հետ։

data() {
	return {
		text: '',
	}
}

Կապենք հատկությունը թեգին։

<template>
	<textarea v-model="text"></textarea>
</template>

Եկեք ստեղծենք նաև մի պարբերություն, որի մեջ կարտացոլվի մուտքագրված տեքստը։

<template>
	<textarea v-model="text"></textarea>
	<p>{{ text }}</p>
</template>

Տրված է textarea։ Ապահովեք, որ այս textarea-ում տեքստ մուտքագրելիս, այդ տեքստը միաժամանակ արտացոլվի ներքևում գտնվող պարբերությունում։

Տրված է textarea դաշտ։ Դրանում մուտքագրվում է տեքստ։ Կոճակը սեղմելիս ստացեք մուտքագրված բառերի զանգվածը և արտածեք այդ զանգվածի տարրերը ul ցանկի տեսքով։