Elementtien lukitseminen Vuessa

Voit reaktiivisesti lukita lomakkeen elementtejä käyttämällä disabled-attribuuttia. Kokeillaan. Tehdään vastaava ominaisuus:

javascriptdata() {
  return {
    isDisabled: true,
  }
}

Sitomme tämän ominaisuuden painikkeeseen:

App.vue<template>
  <button v-bind:disabled="isDisabled">btn</button>
</template>

Задание 1

Annettu syöttökenttä. Tee painike, jonka napsautus vuorotellen lukitsee ja vapauttaa syöttökenttämme.

Задание 2

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.