Vue'до элементтерди блөккө алуу

Форма элементтерин disabled атрибуту аркылуу реактивдүү түрдө блөккө алууга болот. Келгиле, аракет кылалы. Туура касиетти жасайлы:

javascriptdata() {
  return {
    isDisabled: true,
  }
}

Бул касиетти баскычка байлап коёлу:

App.vue<template>
  <button v-bind:disabled="isDisabled">btn</button>
</template>

Задание 1

Инпут берилди. Басуу менен инпутту блөккө алуучу жана анын блөгүн чыгаруучу баскычты жасаңыз.

Задание 2

Мурунку тапшырманы өзгөртүңүз, инпуттун абалы чекбокс менен башкарылсын: эгерде чекбокс белгиленсе, анда инпут блөкчөдөн чыгарылат, эгерде белгиленбесе - анда инпут блөккө алынат.