Låsing av elementer i Vue

Du kan reaktivt låse elementer i skjemaer ved hjelp av attributtet disabled. La oss prøve. La oss lage en tilsvarende egenskap:

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

La oss binde denne egenskapen til en knapp:

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

Задание 1

Det er gitt et input-felt. Lag en knapp som, når den klikkes på, skal vekselvis låse og opplåse vårt input-felt.

Задание 2

Modifiser den forrige oppgaven slik at tilstanden til input-feltet reguleres av en avkrysningsboks: hvis avkrysningsboksen er merket, er input-feltet opplåst, og hvis den ikke er merket - er input-feltet låst.