在 Vue.js 中，如何在输入更改时启用 v-for 循环中的按钮？

Question

在我的基线代码中：

https://plnkr.co/LdbVJCuy3oojfyOa2MS7

我希望在输入字段更改时为任何给定行启用“按下”按钮。

我已经修改了代码，添加了：

:disabled="isButtonDisabled(dino)

到按钮

然后创建以下存根函数：

isButtonDisabled: function(dino) {
}

在这之后，我被卡住了。如何将当前值与初始值进行比较以确定是否应启用按钮？

编辑：如果我不清楚，底线是我希望在相应输入发生更改时启用一个按钮。

Answer 1

另一种选择是在输入上使用@input 或@change 事件来启用按钮。

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

然后在你的方法中处理事件。您还可以将dino 作为参数传递给@input 事件处理程序。

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