vuejs中:style动态绑定的background-img 如何增加切换动画？

Question

我用的settimeout实现的定时切换div的背景图片

<div class="blur1x" :style="{backgroundImage: 'url(' + currentImg[currentImgIndex - 1] + ')'}"

我想在切换时增加过渡动画。 求大佬指点。

Answer 1

首先，背景图替换是不支持css3动画的看题主的意思是想实现类似于淡入淡出渐变的效果，那么就需要改变dom结构，有多少张图就用多少个div，用绝对定位定在一起，然后通过z-index和opacity来实现动画效果

Answer 2

建议用ui框架的Swipe组件可以直接实现你的目的，如果没有用ui框架的话，轮播图的写法很多