transition 没动画,多半是元素从头到尾样式没变,没变化就没过渡。
常见于 v-if 切 display,none 到 block 之间不产生过渡。
状态变了但和赋值写在同一帧里,过程就被跳过了。
改用 v-show 或过渡 opacity,并等到下一帧再翻状态。
/* 必须有真正变化的可过渡属性 */
.fade-enter-active, .fade-leave-active { transition: opacity .3s; }
.fade-enter-from, .fade-leave-to { opacity: 0; }
/* display 从 none 到 block 不会触发过渡,改用 opacity */
THE END






暂无评论内容