How to remove the disabled button from the button when clicking on an object?

Question

Vue.js

How can I make a button disabled by default, but when clicking on another object, the button becomes active?
If the user clicks on this object,

<tr v-for="product in products" @click="addToCart(product)" class="table-active">

then the button becomes active
<button :disabled>

Answer 1

Create a buttonDisabled property with a value of false, write in the template
and when you need to unblock the button, just write buttonDisabled=false, when the block is true. So add to the addToCart method
this.buttonDisabled=false;