Vue v-model 和 @keydown 在一個元素中

Question

          <input
            v-model="ticker"
            @keydown.enter="addClick($event)"
            
            @keydown="getNames"

我需要解決 1 個問題，我猜我的 v-model 代碼在 keydown 后可以工作，因此當 function 被調用時，我進入了沒有 1 個符號的代碼，誰能解釋它是如何工作的？

getNames() {
      console.log(this.ticker);
      let filtred = this.coinNames.filter(filtered => filtered.toUpperCase().startsWith(this.ticker.toUpperCase()))
      console.log(filtred);
      return filtred;
}

Examle:
input: something
output: somethin

Answer 1

您應該使用@input事件來獲取當前輸入值：

 new Vue({ el: '#app', data() { return { ticker: '' } }, methods: { getNames() { console.log(this.ticker); }, addClick(e) { console.log('enter') } } })

 <link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap/dist/css/bootstrap.min.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script> <div id="app" class="container"> <input v-model="ticker" @keydown.enter="addClick($event)" @input="getNames" /> </div>