Elemente in Vue blockieren

Man kann Elemente reaktiv blockieren mit dem Attribut disabled. Lassen Sie es uns versuchen. Wir erstellen eine entsprechende Eigenschaft:

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

Binden wir diese Eigenschaft an einen Button:

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

Задание 1

Es gibt ein Input-Feld. Erstellen Sie einen Button, dessen Klick unser Input-Feld abwechselnd blockiert und freigibt.

Задание 2

Modifizieren Sie die vorherige Aufgabe so, dass der Zustand des Input-Felds durch eine Checkbox gesteuert wird: wenn die Checkbox markiert ist, ist das Input-Feld frei, und wenn nicht markiert - dann ist das Input-Feld blockiert.