javascript - vue2.0 전환을 사용하여 마우스를 위로 움직이고, QR 코드를 화면 외부에서 밀어내고, QR 코드를 남겨두고 화면 밖으로 미끄러지는 효과를 얻는 방법입니다.

Question

vue2.0 전환을 사용하여 마우스를 위로 이동하고, 화면 외부에서 QR 코드를 밀어내고, QR 코드를 화면 밖으로 밀어내는 효과를 얻는 방법 다음은 제가 작성한 코드입니다.
근데 제가 쓴 글은 마우스 이동 위로 올라가면 상자가 미끄러지는데 마우스는 안 떠나는데 상자가 사라졌어요 해결해주세요

.erweima {

으아악

Answer 1

다음으로 변경해서 사용해 보세요

으아악

또는 이것

으아악

Answer 2

Css는 이렇게 작성할 수 없습니다. .fade-enter-active, .fade-leave-active 클래스는 애니메이션이 완료된 후 제거되므로 원래 CSS 스타일이 됩니다. 2 QR코드가 또 사라졌어요

으아악