vue.js - vue js过渡未正确显示

Question

我在使用 vue js 进行转换时遇到问题。在 chrome 中它有点工作，但很奇怪，在 microsoft edge 中它根本不显示。我不知道如何解释，所以我会在我的代码中添加一个 jsfiddle 链接，这样你就可以明白我的意思了。链接：我的代码

/* animation*/
.slide-fade-enter-active,
.slide-fade-leave-active {
    transition: all .5s ease;
}

.slide-fade-enter,
.slide-fade-leave-to {
    transform: translateX(25%);
    opacity: 0;
}

Answer 1

好的，所以我通过执行“z-index=-1;”解决了我的问题 在组件上，但它仍然无法在边缘工作......