Տարրերի արգելափակումը Vue-ում

Կարելի է ռեակտիվ կերպով արգելափակել ֆորմայի տարրերը՝ օգտագործելով disabled ատրիբուտը։ Փորձենք անել դա։ Ստեղծենք համապատասխան հատկություն։

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

Կապենք այս հատկությունը կոճակի հետ։

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

Տրված է input դաշտ։ Ստեղծեք կոճակ, որի սեղմումով հնարավոր լինի հերթով արգելափակել և ապաարգելափակել մեր input դաշտը։

Задание 2

Փոփոխեք նախորդ առաջադրանքն այնպես, որ input դաշտի վիճակը կառավարվի checkbox-ով․ եթե checkbox-ը նշված է, ապա input դաշտը ապաարգելափակված է, իսկ եթե նշված չէ, ապա input դաշտը արգելափակված է։