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

时间:2018-10-11 08:17:10

标签: javascript vue.js

这是我的基准代码:

https://plnkr.co/LdbVJCuy3oojfyOa2MS7

只要输入字段发生更改,我希望为任何给定的行启用“按我”按钮。

我通过添加以下代码修改了代码:

:disabled="isButtonDisabled(dino)

按钮

,然后创建以下存根函数:

isButtonDisabled: function(dino) {
}

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

编辑:如果我不清楚,最重要的是我希望每当更改相应的输入时都启用一个按钮。

1 个答案:

答案 0 :(得分:0)

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

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

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

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