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/