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 दिया गया है। इसमें टेक्स्ट इनपुट किया जाता है। बटन दबाने पर एरे प्राप्त करें और इस एरे के एलिमेंट्स को ul लिस्ट के रूप में आउटपुट करें।