改成下面試試

.fade-enter-active, .fade-leave-active { transition: all 1s ease; } .fade-enter, .fade-leave-active { transform：translateX(100px) }

或這樣

.erweima{ position: fixed; width: 100px; height: 100px; left: 0; } .fade-enter-active, .fade-leave-active { transition: all 1s ease; } .fade-enter, .fade-leave-active { left: -100px; }

css不能這樣寫，.fade-enter-active, .fade-leave-active這些class都會在動畫完成後移除的，移除後又是你的原來的css樣式了，所以，動畫執行完，二維碼又消失了

.erweima {//这里需要写最终的显示状态，用v-if或v-show控制 position: fixed; left: -100px; bottom: 200px; } .fade-enter-active, .fade-leave-active { transition: all 1s ease; left: -100px;//去掉这句，这个class不是最终状态 }