Vue-da elementlarni bloklash

Forma elementlarini disabled atributi yordamida reaktiv ravishda bloklash mumkin. Keling, sinab ko'ramiz. Tegishli xususiyatni yaratamiz:

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

Keling, bu xususiyatni tugmaga bog'laymiz:

App.vue<template>
  <button v-bind:disabled="isDisabled">btn</button>
</template>
Задание 1

Input berilgan. Tugma yarating, uning bosilishi bizning inputimizni navbatma-navbat bloklab va blokdan chiqarib turadi.

Задание 2

Oldingi vazifani shunday o'zgartiringki, input holati checkbox orqali boshqarilsin: agar checkbox belgilangan bo'lsa, input bloklanmagan, agar belgilanmagan bo'lsa - input bloklangan.