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

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

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

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

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

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

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