Vue-তে এলিমেন্ট লক করা
disabled অ্যাট্রিবিউট ব্যবহার করে ফর্মের এলিমেন্টগুলি
রিয়েক্টিভভাবে লক করা যায়।
চেষ্টা করে দেখা যাক। আসুন সংশ্লিষ্ট
প্রপার্টি তৈরি করি:
javascriptdata() {
return {
isDisabled: true,
}
}
এই প্রপার্টিটি একটি বাটনের সাথে বাইন্ড করি:
App.vue<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Задание 1
একটি ইনপুট দেওয়া আছে। একটি বাটন তৈরি করুন, যাতে ক্লিক করলে আমাদের ইনপুটটি পর্যায়ক্রমে লক এবং আনলক হবে।
Задание 2
পূর্ববর্তী কাজটি পরিবর্তন করুন যাতে ইনপুটের অবস্থা একটি চেকবক্স দ্বারা নিয়ন্ত্রিত হয়: চেকবক্স চেক করা থাকলে ইনপুট আনলক থাকবে, আর যদি চেক না করা থাকে - তবে ইনপুট লক থাকবে।