Vue-da elementlarni bloklash
Forma elementlarini disabled atributi
yordamida reaktiv ravishda bloklash mumkin.
Keling, sinab ko'ramiz. Tegishli xususiyatni yaratamiz:
data() {
return {
isDisabled: true,
}
}
Keling, bu xususiyatni tugmaga bog'laymiz:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Input berilgan. Tugma yarating, uning bosilishi bizning inputimizni navbatma-navbat bloklab va blokdan chiqarib turadi.
Oldingi vazifani shunday o'zgartiringki, input holati checkbox orqali boshqarilsin: agar checkbox belgilangan bo'lsa, input bloklanmagan, agar belgilanmagan bo'lsa - input bloklangan.
