Vue: event.target은 img의 Chrome에서 null입니다.

버전

2.5.3

재생산 링크

https://jsbin.com/jafufah/1/edit?html,js ,콘솔,출력

재현 단계

Chrome(61.0.3163) 및 때때로 Safari(11.0.1)에서만 가능합니다.

1. jsbin에 대한 링크 열기
2. JS로 실행 클릭
3. 콘솔이 먼저 event.target 의 참조를 인쇄한 다음 동일한 속성에 대해 null을 인쇄하는지 확인하십시오.

무엇을 기대합니까?

Firefox, Edge 및 IE11에서 event.target 는 null 가 아닙니다.

실제로 무슨 일이 일어나고 있습니까?

event.target 는 이벤트가 다음 틱 까지 변수에 저장되어 있으면 null 입니다.

이것이 Vue.js의 버그인지 Chrome의 버그인지는 확실하지 않지만 문제를 더 자세히 살펴보는 것이 명확히 하는 데 도움이 될 것이라고 생각했습니다.

나는 이것을 nuxt.js 애플리케이션 내에서 처음 보았지만 vue.js에서만 재현하기 쉽기 때문에 vue 코어 또는 Chrome(blink/webkit)에 있는 것 같습니다.

<object> 로드 핸들러를 사용하여 동일한 작업을 수행했지만 이것은 한 번도 발생하지 않았습니다. 이는 <img> 요소 또는 로드할 파일 크기에 따라 다릅니다.