vue input標籤實時觸發修改爲一秒沒有信息輸入才觸發事件

想要事件實時觸發，但是鍵盤操作就一直在觸發，比較影響性能，所以就需要設置定時器，在每次輸入的時候，都清除這個定時器，只有在一秒盤內沒有任何輸入操作的時候，這個定時器纔會生效。

 

代碼如下：

1、template中定義的input輸入框

<input type="text" class="predict_score" v-model="score" maxlength="3" @input="handleInput" @click="toggleInput" ref="scoreInput" placeholder="點擊請輸入成績">

 2、script中的data定義變量，定時器TimeId爲-1

 TimeId: -1

 3、method中定義方法：

handleInput () {
        clearTimeout(this.TimeId)
        this.TimeId = setTimeout(() => {
          this.gotoBlur() // 定時器生效時執行的方法
        }, 1000)
        console.log('分數：', this.score)
      },