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

来源:6-7 首页 - 幻灯片组件(2)

qq_Mr_9

2018-01-17

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

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

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

写回答

1回答

fishenal

2018-01-22

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

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

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




0
1
qq_Mr_9
谢谢老师
2018-01-23
共1条回复

最容易上手的Vue2.0入门实战教程

快速入门Vue2.0,组件化开发一个数字产品电商平台

3966 学习 · 999 问题

查看课程