Bloqueio de elementos no Vue
É possível bloquear elementos de formulário
reativamente usando o atributo disabled.
Vamos tentar. Vamos criar a propriedade correspondente:
data() {
return {
isDisabled: true,
}
}
Vamos vincular esta propriedade ao botão:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
É dado um input. Crie um botão cujo clique irá bloquear e desbloquear nosso input alternadamente.
Modifique a tarefa anterior para que o estado do input seja controlado por uma checkbox: se a checkbox estiver marcada, o input estará desbloqueado, e se não estiver marcada - o input estará bloqueado.
