Blocco degli elementi in Vue

È possibile bloccare reattivamente gli elementi del modulo utilizzando l'attributo disabled. Proviamo. Creiamo la proprietà corrispondente:

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

Associamo questa proprietà a un pulsante:

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

Задание 1

È dato un input. Create un pulsante, il cui clic dovrà bloccare e sbloccare alternativamente il nostro input.

Задание 2

Modificate il problema precedente in modo che lo stato dell'input sia regolato da una checkbox: se la checkbox è selezionata, l'input è sbloccato, se non è selezionata - l'input è bloccato.