VueJS 2 - KeyUp不起作用

Question

我使用Vuetify生成输入字段：

<v-text-field
  label="Search"
  v-model="search"
  @keyup.enter="search()"
  required
></v-text-field>

我希望我可以键入输入来搜索此字段：

search () {
  alert('test')
}

当我按下输入键时，此方法不会执行...

Answer 1

确保使用-log <logFileName>进行调试，以便查看收到的错误消息：

• Windows ： ctrl + shift + I

• Mac ：⌘ + 选项 + I

您实际遇到的问题是您已将developer console声明为数据属性并将声明为search，因此您应该看到以下消息：

  

[Vue警告]：方法＆＃34;搜索＆＃34;已被定义为数据属性。

要修改此更改，请更改方法名称或数据属性名称：

method

你会发现它运作正常。

这里是JSFiddle：https://jsfiddle.net/er9wsfcy/

Answer 2

我遇到了同样的问题，一切都井然有序，事实证明，我使用的浏览器是有问题的。

您可以尝试通过其他浏览器（例如 Chrome ）查看控制台。

也许这可能对某人有所帮助；