VueJS 2 - KeyUp 不起作用答案

【问题标题】：VueJS 2 - KeyUp doesn't workVueJS 2 - KeyUp 不起作用
【发布时间】：2017-11-25 11:25:54
【问题描述】：

我使用 Vuetify 生成输入字段：

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

我希望我可以按 Enter 键从该字段中搜索：

search () {
  alert('test')
}

当我按下回车键时，此方法不会执行...

【问题讨论】：

【解决方案1】：

确保您使用您的developer console 进行调试，以便查看您收到的错误消息：

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

[Vue 警告]：方法“搜索”已被定义为数据属性。

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

new Vue({
  el: '#app',
  methods: {
    search() {
      alert('search')
    },
  },
  data: {
    searchTerm: ''
  }
})

您应该会发现它运行良好。

【讨论】：

【解决方案2】：

我遇到了同样的问题，一切正常，结果我使用的浏览器是有问题的浏览器。

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

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

【讨论】：