Elementlərin Vue-də Bloklanması
Forma elementlərini disabled atributu ilə
reaktiv şəkildə bloklamaq olar.
Gəlin yoxlayaq. Uyğun xassə yaradaq:
data() {
return {
isDisabled: true,
}
}
Gəlin bu xassəni düyməyə bağlayaq:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Bir input verilib. Elə bir düymə edin ki, ona kliklemek bizim inputu növbə ilə bloklasın və blokdan çıxarsın.
Əvvəlki məsələni elə dəyişin ki, inputun vəziyyəti çekboks tərəfindən tənzimlensin: əgər çekboks işarələnibsə, onda input blokdan çıxarılıb, əgər işarələnməyibsə - onda input bloklanıb.
