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 লিস্ট আকারে আউটপুট করুন।