Vue.js Vue转换-转换转换不工作

因此，我有以下代码：

HTML:

若我打开和关闭它，它只会随着不透明度而褪色，但不会移动。一旦我从HTML中删除了transform，它就会起作用

---

我已经解决了这个问题

这是行不通的，因为内联样式需要先例

在我真正的问题中，它使用的类是另一个类的子类。它不起作用的原因是它的特殊性。我已经添加了

！重要信息

到过渡类，现在它可以工作了，例如

transform: translateX(-100%) !important;

.slide-left-centered-enter,
.slide-left-centered-leave-to {
    transform: translateX(-100%);
    opacity: 0;
}

.slide-left-centered-enter-active {
    transition: all .3s ease;
}

.slide-left-centered-leave-active {
    transition: all .5s ease;
}

transform: translateX(-100%) !important;