Блок кардҳо дар Vue

Шумо метавонед элементҳои форморо реактивӣ блок кунед бо ёрии attribute disabled. Биёед санҷем. Хосияти мувофиқро созем:

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

Ин хосиятро ба тугма алоқамандед:

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

Задание 1

Инпуте дода шудааст. Тугмае созед, ки пахш кардани он инпути моро навбатан блок кунад ва блокро аз он берун кунад.

Задание 2

Вазифаи қаблиро тавре тағир диҳед, ки ҳолати инпут бо чекбокс танзим карда шавад: агар чекбокс интихоб шуда бошад, пас инпут блок нашудааст, ва агар интихоб нашуда бошад - пас инпут блок шудааст.