Elemek tiltása Vue-ban
Reaktívan letilthatók a forma elemek
a disabled attribútum használatával.
Próbáljuk ki. Hozzunk létre egy megfelelő
tulajdonságot:
data() {
return {
isDisabled: true,
}
}
Kössük ezt a tulajdonságot a gombhoz:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Adott egy input. Készítsen egy gombot, amelyre kattintva váltakozva tilthatja le és engedélyezheti az inputunkat.
Módosítsa az előző feladatot úgy, hogy az input állapotát egy jelölőnégyzet szabályozza: ha a jelölőnégyzet be van jelölve, akkor az input engedélyezett, ha nincs bejelölve, akkor az input tiltott.
