Vue में एलिमेंट्स को अक्षम करना

disabled एट्रिब्यूट का उपयोग करके फॉर्म एलिमेंट्स को रिएक्टिव तरीके से अक्षम किया जा सकता है। आइए इसे आज़माएं। संबंधित प्रॉपर्टी बनाते हैं:

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

इस प्रॉपर्टी को एक बटन से बाइंड करते हैं:

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

एक इनपुट दिया गया है। एक बटन बनाएं, जिस पर क्लिक करने से हमारा इनपुट बारी-बारी से अक्षम और सक्षम हो जाए।

Задание 2

पिछले कार्य को इस तरह संशोधित करें कि इनपुट की स्थिति एक चेकबॉक्स द्वारा नियंत्रित हो: यदि चेकबॉक्स चेक किया गया है, तो इनपुट सक्षम है, और यदि चेक नहीं किया गया है - तो इनपुट अक्षम है।