Vue-те textarea-мен жұмыс

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 тізімі түрінде шығарыңыз.