Vue හි textarea සමඟ වැඩ කිරීම

textarea ටැගය සමඟ වැඩ කිරීම සිදුවන්නේ නිරපේක්ෂව එලෙසම, ආදාන ක්ෂේත්‍ර සමඟ වැඩ කරන ආකාරයටම - directive v-model හරහා. අපි ප්‍රායෝගිකව බලමු. අපගේ දේපලක් සාදමු, එය අපගේ ටැගයට bind කරන්න:

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

දේපල ටැගයට bind කරමු:

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

තවද ඡේදයක් සාදමු, එයට ඇතුල් කරන ලද පෙළ output කරන්න:

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

textarea ටැගයක් ලබා දී ඇත. එම textarea හි පෙළ ඇතුල් කරන විට, එම පෙළ එකවරම එහි යටින් ඇති ඡේදයේ output වන පරිදි සකසන්න.

textarea ටැගයක් ලබා දී ඇත. එයට පෙළ ඇතුල් කරනු ලැබේ. බොත්තමක් ඔබා ඇතුල් කළ වචන array එකක් ලබාගෙන එහි අංග එම array එක ul ලැයිස්තුවක් ලෙස output කරන්න.