Elementide blokeerimine Vue's
Võime reaktiivselt blokeerida vormi elemente
kasutades atribuuti disabled.
Proovime seda. Teeme vastava
omaduse:
data() {
return {
isDisabled: true,
}
}
Seome selle omaduse nupuga:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Antud on input. Tehke nupp, mille vajutamine vaheldumisi blokeerib ja deblokeerib meie inputi.
Modifitseerige eelmist ülesannet nii, et inputi olekut reguleeriks märkeruut: kui märkeruut on märgitud, siis input on deblokeeritud, aga kui pole märgitud - siis input on blokeeritud.
