Блокиране на елементи във Vue

Можете реактивно да блокирате елементи на формата с помощта на атрибута disabled. Нека опитаме. Ще направим съответното свойство:

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

Нека свържем това свойство с бутон:

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

Задание 1

Даден е input. Направете бутон, чието натискане ще блокира и деблокира последователно нашия input.

Задание 2

Модифицирайте предходната задача така, че състоянието на input да се регулира от checkbox: ако checkbox е отметнат, то input е деблокиран, а ако не е отметнат - то input е блокиран.