In this article, we’ll look at how to disable input conditionally with Vue.js.
To disable input conditionally with Vue.js, we set the disabled prop.
For instance, we write
<template>
<button class="btn btn-default" :disabled="clickable">Click me</button>
</template>
<script>
export default {
computed: {
clickable() {
return true;
},
},
};
</script> to define the clickable computed property in the component code.
Then we set the disabled prop to the clickable computed property to disable it if it’s true.