vue js过渡未正确显示答案

【问题标题】：vue js transition not displaying correctlyvue js过渡未正确显示
【发布时间】：2020-10-04 22:29:07
【问题描述】：

我在使用 vue js 进行转换时遇到问题。在chrome中它有点工作，但很奇怪，在微软边缘它根本不显示。我不知道如何解释它，所以我会在我的代码中添加一个 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;
}

【问题讨论】：

在 .shop-list 上添加 min-height: 100vh 有帮助吗？
这有点帮助，但进入动画仍然很奇怪。
我刚刚意识到，在边缘有很多我在 chrome 中没有的错误，为什么？

标签： vue.js vue-transitions

【解决方案1】：

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

【讨论】：