Blockera element i Vue
Du kan reaktivt blockera element
i formulär med hjälp av attributet disabled.
Låt oss prova. Vi skapar motsvarande
egenskap:
data() {
return {
isDisabled: true,
}
}
Bind denna egenskap till en knapp:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Du har en input. Gör en knapp, klick på vilken skall växelvis blockera och avblockera vår input.
Modifiera den föregående uppgiften så att inputens tillstånd regleras av en checkbox: om checkboxen är ikryssad, är inputen avblockerad, och om den inte är ikryssad - är inputen blockerad.
