在 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
}