Vue-তে এলিমেন্ট লক করা

disabled অ্যাট্রিবিউট ব্যবহার করে ফর্মের এলিমেন্টগুলি রিয়েক্টিভভাবে লক করা যায়। চেষ্টা করে দেখা যাক। আসুন সংশ্লিষ্ট প্রপার্টি তৈরি করি:

data() {
	return {
		isDisabled: true,
	}
}

এই প্রপার্টিটি একটি বাটনের সাথে বাইন্ড করি:

<template>
	<button v-bind:disabled="isDisabled">btn</button>
</template>

একটি ইনপুট দেওয়া আছে। একটি বাটন তৈরি করুন, যাতে ক্লিক করলে আমাদের ইনপুটটি পর্যায়ক্রমে লক এবং আনলক হবে।

পূর্ববর্তী কাজটি পরিবর্তন করুন যাতে ইনপুটের অবস্থা একটি চেকবক্স দ্বারা নিয়ন্ত্রিত হয়: চেকবক্স চেক করা থাকলে ইনপুট আনলক থাকবে, আর যদি চেক না করা থাকে - তবে ইনপুট লক থাকবে।