Блокировка элементов в Vue
Можно реактивно блокировать элементы
формы с помощью атрибута disabled.
Давайте попробуем. Сделаем соответствующее
свойство:
data() {
return {
isDisabled: true,
}
}
Привяжем это свойство к кнопке:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Дан инпут. Сделайте кнопку, нажатие на которую будет по очереди заблокировать и отблокировать наш инпут.
Модифицируйте предыдущую задачу так, чтобы состояние инпута регулировалось чекбоксом: если чекбокс отмечен, то инпут отблокирован, а если не отмечен - то инпут заблокирован.