v-if가 사용될 때 vue.js가 img에 대한로드 이벤트를 트리거하지 않습니까?

Question

소셜 로그인 사용자에게 필요한 경우 로그 아웃 기회를 제공하고 싶습니다.

로그 아웃 URL을 호출하는 img를 추가하면 로그 아웃이 끝났을 때 버튼을 제거하고 싶지만 img의로드가 트리거되지 않습니다. 비슷한 문제는 here으로 게시됩니다. 제 경우에는 초기 signouturl은 빈 문자열입니다.

<button v-on:click="signout(socialLogout.provider)"> 
Logout 
<img v-if="socialLogout.signoutUrl" hidden v-bind:src="socialLogout.signoutUrl" v-on:load="signout"/> 
</button> 

워크 플로는 2. 버튼이 표시 얻는다 로그인 않습니다 1. 사용자입니다 logouturl이 버튼은 IMG 요청이 완료가 "https://www.google.com/accounts/Logout" 3. 사용자와 클릭 가득, 구글은 로그 아웃을한다. 하지만 img-tag에 v-on:load 함수가 실행되지 않습니다.

내 작업을 수행하기 위해 $nextTick으로 해결 방법을 만들었지 만 이것이 vuejs 내부의 버그 일 수 있다면 여전히 상처가 있습니까?

Answer 1

예이 예에서 볼 수있는 것처럼 트리거됩니다. https://codesandbox.io/s/ym91z4wkz.

문제는 아마도 src URL이 이미지가 아니기 때문에 이벤트가 실행되지 않는 것입니다. 당신이 볼 수 있듯이 여기에 onload 이벤트는 src가 이미지 일 때 발생하지만 url은 그렇지 않습니다.