Տարրերի արգելափակումը 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 դաշտը արգելափակված է։