ტექსტური ველის (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 სახით.