ელემენტების დაბლოკვა Vue-ში

შესაძლებელია ფორმის ელემენტების რეაქტულად დაბლოკვა disabled ატრიბუტის საშუალებით. მოდით ვცადოთ. შევქმნათ შესაბამისი თვისება:

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

მოვახდინოთ ამ თვისების მიბმა ღილაკზე:

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

მოცემულია ინფუთი. შექმენით ღილაკი, რომლის დაჭერაც მონაცვლეობით დააბლოკავს და განბლოკავს ჩვენს ინფუთს.

Задание 2

შეცვალეთ წინა ამოცანა ისე, რომ ინფუთის მდგომარეობა რეგულირდებოდეს ჩექბოქსით: თუ ჩექბოქსი მონიშნულია, მაშინ ინფუთი განბლოკულია, ხოლო თუ არაა მონიშნული - მაშინ ინფუთი დაბლოკილია.