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:

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

Kössük ezt a tulajdonságot a gombhoz:

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

Задание 1

Adott egy input. Készítsen egy gombot, amelyre kattintva váltakozva tilthatja le és engedélyezheti az inputunkat.

Задание 2

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.