input捕捉Enter鍵

Clare29發表於2019-02-16

簡單來說，原生input就用@keyup.enter

打個比方，我寫時間島，用的vue,搜尋框就是原生input

<input type="text" ref="searchInput" placeholder="請輸入樹木名稱" v-model="query" @click="focus" @keyup.enter="submit"/>

這時候再寫一個submit方法，當按下Enter鍵就會執行submit方法啦，比如可以在submit方法裡面呼叫分頁查詢的方法，前提是要把現有的條件和產品列表清空

submit() {
      this.start = 1;
      this.limit = 10;
      this.hotShopList = [];
      this.getHotShop();
    },

那不是原生怎麼辦呢，我目前只用到了原生，所以以下未經實踐，僅供參考

算了還是直接參考別人寫的吧
連結描述

keyup事件參考以下文章：
連結描述

大意就是vue給鍵盤事件起了名字，這樣更方便

相關文章