Blocage d'éléments dans Vue

Il est possible de bloquer réactivement les éléments de formulaire en utilisant l'attribut disabled. Essayons. Créons la propriété correspondante :

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

Lions cette propriété à un bouton :

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

Задание 1

Un champ de saisie est donné. Créez un bouton dont le clic va alternativement bloquer et débloquer notre champ de saisie.

Задание 2

Modifiez la tâche précédente pour que l'état du champ de saisie soit régulé par une case à cocher : si la case est cochée, le champ est débloqué, et si elle n'est pas cochée - le champ est bloqué.