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