Blokering af elementer i Vue

Du kan reaktivt blokere elementer i formularer ved hjælp af attributten disabled. Lad os prøve. Lad os lave den tilsvarende egenskab:

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

Lad os binde denne egenskab til knappen:

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

Задание 1

Der gives et inputfelt. Lav en knap, hvor et klik skal skiftevis blokere og fritage vores inputfelt.

Задание 2

Modificer den forrige opgave, så inputfeltets tilstand reguleres af en afkrydsningsboks: hvis afkrydsningsboksen er markeret, er inputfeltet frigivet, og hvis den ikke er markeret - er inputfeltet blokeret.