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

确保您使用developer console进行调试，所以你可以看到你做了什么错误消息：

• 的Windows：CTRL +移+我

• 的Mac：⌘ + 选项 + 我

你实际上有这里的问题是，你已经声明search作为数据属性和为method，所以你应该看到以下消息：

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

为了解决这个问题，你改变方法名或您的数据属性名称：

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

，你应该找到它工作正常。

这里的的jsfiddle：https://jsfiddle.net/er9wsfcy/