Elementtien lukitseminen Vuessa
Voit reaktiivisesti lukita lomakkeen
elementtejä käyttämällä disabled-attribuuttia.
Kokeillaan. Tehdään vastaava
ominaisuus:
data() {
return {
isDisabled: true,
}
}
Sitomme tämän ominaisuuden painikkeeseen:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Annettu syöttökenttä. Tee painike, jonka napsautus vuorotellen lukitsee ja vapauttaa syöttökenttämme.
Muokkaa edellistä tehtävää siten, että syöttökentän tilaa säätelee valintaruutu: jos valintaruutu on valittu, syöttökenttä on vapautettu, mutta jos ei ole valittu - syöttökenttä on lukittu.
