Elementen blokkeren in Vue
Je kunt elementen van formulieren reactief blokkeren
met behulp van het attribuut disabled.
Laten we het proberen. We maken de bijbehorende
eigenschap:
data() {
return {
isDisabled: true,
}
}
Laten we deze eigenschap binden aan een knop:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Er is een invoerveld gegeven. Maak een knop waarop klikken om de beurt ons invoerveld zal blokkeren en deblokkeren.
Wijzig de vorige taak zo dat de status van het invoerveld wordt geregeld door een checkbox: als de checkbox is aangevinkt, is het invoerveld gedeblokkeerd, en als deze niet is aangevinkt - is het invoerveld geblokkeerd.
