transition 写了却没动画,先确认元素有初始样式

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
喜欢就支持一下吧
点赞13 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容