Blokowanie elementów w Vue
Można reaktywnie blokować elementy
formularza za pomocą atrybutu disabled.
Spróbujmy. Stwórzmy odpowiednią
właściwość:
data() {
return {
isDisabled: true,
}
}
Powiążmy tę właściwość z przyciskiem:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Dany jest input. Stwórz przycisk, którego kliknięcie będzie na przemian blokować i odblokowywać nasz input.
Zmodyfikuj poprzednie zadanie tak, aby stan inputa był regulowany przez checkbox: jeśli checkbox jest zaznaczony, to input jest odblokowany, a jeśli nie jest zaznaczony - to input jest zablokowany.
