Bllokimi i Elementeve në Vue
Mund të bllokoni në mënyrë reaktive elementet
e formularit duke përdorur atributin disabled.
Le të provojmë. Le të krijojmë pronën përkatëse:
data() {
return {
isDisabled: true,
}
}
Le ta lidhim këtë pronë me butonin:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Jepet një input. Bëni një buton, klikimi i të cilit do të bllokojë dhe zhbllokojë në mënyrë alternative input-in tonë.
Modifikoni detyrën e mëparshme në mënyrë që gjendja e input-it të rregullohet nga një checkbox: nëse checkbox-u është i zgjedhur, atëherë input-i është i zhbllokuar, ndërsa nëse nuk është i zgjedhur - atëherë input-i është i bllokuar.
