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

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

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

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

App.vue<template>
  <button v-bind:disabled="isDisabled">btn</button>
</template>
Задание 1

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

Задание 2

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