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

Можно реактивно блокировать элементы формы с помощью атрибута `disabled`. Давайте попробуем. Сделаем соответствующее свойство:

`data() { return { isDisabled: true, } }`

Привяжем это свойство к кнопке:

`<template> <button v-bind:disabled="isDisabled">btn</button> </template>`

Дан инпут. Сделайте кнопку, нажатие на которую будет по очереди заблокировать и отблокировать наш инпут.

Модифицируйте предыдущую задачу так, чтобы состояние инпута регулировалось чекбоксом: если чекбокс отмечен, то инпут отблокирован, а если не отмечен - то инпут заблокирован.

← →
↑