vue js转换无法正确显示

Question

我对vue js的转换有疑问。在Chrome浏览器中，它有点用，但是很奇怪， 在Microsoft Edge中根本不显示。我不知道如何解释它，所以我将jsfiddle链接到我的代码，以便您可以理解我的意思。 链接：my code

/* 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;”解决了我的问题在组件上，但仍无法在边缘工作...