Απενεργοποίηση Στοιχείων στο Vue

Μπορείτε να απενεργοποιήσετε αντιδραστικά στοιχεία φόρμας χρησιμοποιώντας το χαρακτηριστικό disabled. Ας δοκιμάσουμε. Ας φτιάξουμε την αντίστοιχη ιδιότητα:

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

Ας δέσουμε αυτήν την ιδιότητα σε ένα κουμπί:

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

Δίνεται ένα πεδίο εισαγωγής. Φτιάξτε ένα κουμπί, το πάτημα του οποίου θα απενεργοποιεί και θα ενεργοποιεί εναλλάξ το πεδίο εισαγωγής μας.

Τροποποιήστε το προηγούμενο πρόβλημα έτσι ώστε η κατάσταση του πεδίου εισαγωγής να ρυθμίζεται από ένα κουτί ελέγχου: αν το κουτί ελέγχου είναι επιλεγμένο, τότε το πεδίο εισαγωγής είναι ενεργοποιημένο, ενώ αν δεν είναι επιλεγμένο - τότε το πεδίο εισαγωγής είναι απενεργοποιημένο.