Blocage d'éléments dans Vue
Il est possible de bloquer réactivement les éléments
de formulaire en utilisant l'attribut disabled.
Essayons. Créons la propriété correspondante :
data() {
return {
isDisabled: true,
}
}
Lions cette propriété à un bouton :
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Un champ de saisie est donné. Créez un bouton dont le clic va alternativement bloquer et débloquer notre champ de saisie.
Modifiez la tâche précédente pour que l'état du champ de saisie soit régulé par une case à cocher : si la case est cochée, le champ est débloqué, et si elle n'est pas cochée - le champ est bloqué.
