Blokering af elementer i Vue
Du kan reaktivt blokere elementer
i formularer ved hjælp af attributten disabled.
Lad os prøve. Lad os lave den tilsvarende
egenskab:
data() {
return {
isDisabled: true,
}
}
Lad os binde denne egenskab til knappen:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Der gives et inputfelt. Lav en knap, hvor et klik skal skiftevis blokere og fritage vores inputfelt.
Modificer den forrige opgave, så inputfeltets tilstand reguleres af en afkrydsningsboks: hvis afkrydsningsboksen er markeret, er inputfeltet frigivet, og hvis den ikke er markeret - er inputfeltet blokeret.
