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

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

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

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

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

Задание 1

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

Задание 2

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