vuejs中:style动态绑定的background-img 如何增加切换动画？
我用的settimeout实现的定时切换div的背景图片
<div class="blur1x" :style="{backgroundImage: 'url(' + currentImg[currentImgIndex - 1] + ')'}"我想在切换时增加过渡动画。 求大佬指点。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
首先，背景图替换是不支持css3动画的
看题主的意思是想实现类似于淡入淡出渐变的效果，那么就需要改变dom结构，有多少张图就用多少个
div，用绝对定位定在一起，然后通过z-index和opacity来实现动画效果建议用ui框架的Swipe组件可以直接实现你的目的，如果没有用ui框架的话，轮播图的写法很多
建议使用background-position来控制，这样就可以使用background实现动态切换了
可以用v-show+vue过渡动画，这样就可以实现