Vue-те элементтерді бұғаттау

Пішін элементтерін disabled атрибуты арқылы реактивті түрде бұғаттауға болады. Оны сынап көрейік. Сәйкес қасиет жасайық:

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

Бұл қасиетті түймеге байланыстырайық:

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

Енгізу өрісі берілген. Басу арқылы біздің енгізу өрісін кезең-кезеңмен бұғаттайтын және бұғаттан шығаратын түйме жасаңыз.

Алдыңғы тапсырманы қалыпқа келтіріңіз, сонда енгізу өрісінің күйі белгілеу құралымен реттеледі: егер белгілеу құралы белгіленген болса, онда енгізу өрісі бұғатталмаған, ал егер белгіленбеген болса - онда енгізу өрісі бұғатталған.