Vue'до элементтерди блөккө алуу
Форма элементтерин disabled атрибуту
аркылуу реактивдүү түрдө блөккө алууга болот.
Келгиле, аракет кылалы. Туура касиетти жасайлы:
data() {
return {
isDisabled: true,
}
}
Бул касиетти баскычка байлап коёлу:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Инпут берилди. Басуу менен инпутту блөккө алуучу жана анын блөгүн чыгаруучу баскычты жасаңыз.
Мурунку тапшырманы өзгөртүңүз, инпуттун абалы чекбокс менен башкарылсын: эгерде чекбокс белгиленсе, анда инпут блөкчөдөн чыгарылат, эгерде белгиленбесе - анда инпут блөккө алынат.
