Vue.js中setTimeout时间参数过短导致的问题如何解决？

本文共计1281个文字，预计阅读时间需要6分钟。

首先查看效果图，这是弹窗效果。要实现弹窗出现和消失时的平滑效果，而不是突兀。首先考虑弹窗出现的实现思路，可以先添加一个`beforeActive`类，再添加一个`active`类。我们先审查元素，然后开始添加。

先看效果图，这是弹窗效果，要求就是弹窗出现和消失时候不是很突兀，要有过渡效果。

首先看弹窗出现的实现思路，先加一个beforeActive类，再加一个active类。我们看审查元素，一开始display：none；

在beforeActive中display：block；只是background: transparent;然后在一定时间后再加上active类。问题就来了，在打开弹窗代码中，如下图，settimeout第二个参数小于60ms效果就会不稳定，有时候有过渡效果，有时候没有过渡效果。