Elementlərin Vue-də Bloklanması

Forma elementlərini disabled atributu ilə reaktiv şəkildə bloklamaq olar. Gəlin yoxlayaq. Uyğun xassə yaradaq:

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

Gəlin bu xassəni düyməyə bağlayaq:

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

Задание 1

Bir input verilib. Elə bir düymə edin ki, ona kliklemek bizim inputu növbə ilə bloklasın və blokdan çıxarsın.

Задание 2

Əvvəlki məsələni elə dəyişin ki, inputun vəziyyəti çekboks tərəfindən tənzimlensin: əgər çekboks işarələnibsə, onda input blokdan çıxarılıb, əgər işarələnməyibsə - onda input bloklanıb.