Slide滑动组件为什么在Vue里不生效?
我用Vue写了个简单的Slide滑动组件,但点击切换时根本没动画,直接闪现。明明加了transition属性,也检查过CSS类名了,就是不动。
试过把opacity改成transform,还查了Vue的transition文档,还是不行。是不是我哪里写错了?
<template>
<transition name="slide">
<div v-show="show" class="content">滑动内容</div>
</transition>
</template>
<style>
.slide-enter-active { transition: transform 0.3s ease; }
.slide-enter-from { transform: translateX(100%); }
</style>
暂无解答