Blocco degli elementi in Vue
È possibile bloccare reattivamente gli elementi
del modulo utilizzando l'attributo disabled.
Proviamo. Creiamo la proprietà corrispondente:
data() {
return {
isDisabled: true,
}
}
Associamo questa proprietà a un pulsante:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
È dato un input. Create un pulsante, il cui clic dovrà bloccare e sbloccare alternativamente il nostro input.
Modificate il problema precedente in modo che lo stato dell'input sia regolato da una checkbox: se la checkbox è selezionata, l'input è sbloccato, se non è selezionata - l'input è bloccato.
