Blockera element i Vue

Du kan reaktivt blockera element i formulär med hjälp av attributet disabled. Låt oss prova. Vi skapar motsvarande egenskap:

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

Bind denna egenskap till en knapp:

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

Задание 1

Du har en input. Gör en knapp, klick på vilken skall växelvis blockera och avblockera vår input.

Задание 2

Modifiera den föregående uppgiften så att inputens tillstånd regleras av en checkbox: om checkboxen är ikryssad, är inputen avblockerad, och om den inte är ikryssad - är inputen blockerad.