Vue да элементларни блоклаш
Атрибут disabled ёрдамида
форма элементларини реактив равишда блоклаш
мумкин. Келиб, синайлик. Мос свойствони
ясаймиз:
data() {
return {
isDisabled: true,
}
}
Бу свойствони тугмага боглаймиз:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Инпут берилган. Босилганда инпутимизни навбатма-навбат блоклаб ва блокловчи тугма ясанг.
Олдинги машқни шундай модификация қилингки, инпутнинг ҳолати чекбокс орқали бошқарилсин: агар чекбокс белгиланган бўлса, инпут блокланмаган, агар белгиланмаган бўлса - инпут блокланган.
