javascript - Vue 사용자 정의 제어 v-model 양방향 바인딩

Question

으아아아

Answer 1

oninput 이벤트는 IE를 제외한 대부분의 브라우저에서 지원되는 이벤트로, 값이 실시간으로 변경될 때 발생합니다. 즉, 문자가 추가되거나 삭제될 때마다 발생합니다. js를 통해서는 트리거되지 않습니다.

여기서 this.$emit('input', Number(formattedValue)),事实上这里是发送自定义事件'input',他是用于父子组件之间的通信的，也就是说这里emit的事件并不会被组件自己捕捉，也就是不会触发这里的updateValue，你在的<currency-input v-model="price"></currency-input>这里增加一下input的监听，emit의 경우 입력 내용이 변경되면 입력이 트리거되므로 언급한 루프 호출은 전송되지 않습니다.