isShow状态切换中的setTimeout作用以及间隔时长的问题

Question

1. 为什么true和false的切换需要用settimeout来进行（true-false不应该立即执行动画么），看了问答区的答案还是有些不能理解

2. 我尝试把间隔时长设为0也能运行动画，但是会出现BUG（如果是手动进行切换且速度较快的话），新图片会执行动画，但是老图片还是不存在

   希望能够得到老师的解答，谢谢

Answer 1

fishenal 2018-01-22 19:57:06

settimeout 就算是0毫秒，也是有很小的一个时差，我做来回切换，是为了实现，出去的执行出动画，进来的执行入动画，比较偷懒的做法，不是标准的做法。

0毫秒出bug 跟vue实现transition的机制有关系，老图片可能是瞬间切换class吧，顺序的问题，很乱，所以我现在也不推荐这种做法。

要我重写的话，我觉得思路应该是同时存在三张banner，在一个容器下，每次切换更新这三张图的内容和顺序，再执行一个X轴的位移动画。

• 提问者 qq_Mr_9 #1

  谢谢老师