Блокиране на елементи във Vue
Можете реактивно да блокирате елементи
на формата с помощта на атрибута disabled.
Нека опитаме. Ще направим съответното
свойство:
data() {
return {
isDisabled: true,
}
}
Нека свържем това свойство с бутон:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Даден е input. Направете бутон, чието натискане ще блокира и деблокира последователно нашия input.
Модифицирайте предходната задача така, че състоянието на input да се регулира от checkbox: ако checkbox е отметнат, то input е деблокиран, а ако не е отметнат - то input е блокиран.