Elemente in Vue Blokkeer
Jy kan elemente van 'n vorm reaktief blokkeer
deur die disabled attribuut te gebruik.
Kom ons probeer dit. Maak die ooreenstemmende
eienskap:
data() {
return {
isDisabled: true,
}
}
Bind hierdie eienskap aan die knoppie:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
'n Invoerveld word gegee. Maak 'n knoppie wat, wanneer dit gedruk word, ons invoerveld om die beurt sal blokkeer en deblokkeer.
Wysig die vorige taak sodat die toestand van die invoerveld deur 'n merkbox gereguleer word: as die merkbox gemerk is, is die invoerveld gedeblokkeer, en as dit nie gemerk is nie, is die invoerveld geblokkeer.
