To disable input conditionally with Vue.js, we set the :disabled prop.
For instance, we write
<template>
<input type="text" :disabled="!validated" />
</template>
to set the disabled prop to the negation of the validated reactive property.
The input will then be disabled when validated is false.
