Elemente in Vue blockieren
Man kann Elemente reaktiv blockieren
mit dem Attribut disabled.
Lassen Sie es uns versuchen. Wir erstellen eine entsprechende
Eigenschaft:
data() {
return {
isDisabled: true,
}
}
Binden wir diese Eigenschaft an einen Button:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Es gibt ein Input-Feld. Erstellen Sie einen Button, dessen Klick unser Input-Feld abwechselnd blockiert und freigibt.
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.
