vue 实现轮播

原理:使用vue的transition标签实现动画效果;

           使用定时器实现自动播放(轮播);

           使用生命周期(钩子函数)实现载入时自动播放

踩坑:1、transition只对单个元素有用,transition-group也只对子代元素直接起作用;

           2、渲染时使用v-if,若用v-show会出现首个位置不统一(可以添加相对定位矫正);

           3、方法move和auto虽然一样也要分开,否则会出现混乱;

           4、定时器的回调函数在调用方法时,千万不要加“()",否则定时器无效(特别注意)

代码如下:


 

你可能感兴趣的:(vue)