javascript - Vue 自訂控制項v-model雙向綁定

Question

雷雷

Answer 1

oninput事件是IE以外的大多數瀏覽器支援的事件，在value改變時觸發，即時的，即每增加或刪除一個字元就會觸發，然而透過js改變value時，卻不會觸發；

所以input是在input裡的內容發生變化時觸發的，至於這裡的this.$emit('input', Number(formattedValue)),事實上這裡是發送自定義事件'input',他是用於父子組件之間的通信的，也就是說這裡emit的事件並不會被組件自己捕捉，也就是不會觸發這裡的updateValue，你在的這裡增加一下input的監聽，emit觸發的是這裡的，所以不會發送你說的循環調用的情況。