In Vue.js, How Do I Enable Buttons In A V-for Loop When An Input Is Changed?

Here in my baseline code: https://plnkr.co/LdbVJCuy3oojfyOa2MS7 I would like the 'Press' me button to be enabled for any given row whenever the input field changes. I've modified t

Solution 1:

Another option is to use the @input or @change event on the input to enable the button.

<inputtype="text" v-bind:value="dino" @input="enableButton" />

Then down in your methods handle the event. You could also pass dino as a parameter to the @input event handler.

enableButton: function(e) {
  // determine inputfrom e and toggle button
}