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

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

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

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

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

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

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