vue 的动画效果

发布于
2019-02-21

1、需求是有一列图片，右击后当前图片会缩小消失，后面的图片自动滑动补上位置，我发现vue数据更新后，视图就刷新了，没法做到滑动效果。尝试了先隐藏当前缩小消失的元素，等后面的补全后再删除，发现还是没有滑动的效果。vue的自带的动画效果好想是针对显示隐藏。

javascript css3 css vue.js

阅读 2.5k

1 个回答

moddx

✓ 已被采纳

vue是支持这种动画效果的，其使用了一个叫 FLIP 简单的动画队列，使用 transforms 将元素从之前的位置平滑过渡新的位置，请参考：列表的排序过渡

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
9 回答10.2k 阅读
纯css怎么搞出这么个圆环渐变效果呢？再进一步可以搞成圆边是虚线么？
最终效果如下图：
2 回答7.2k 阅读
Object assgin拷贝问题？
{代码...} 为什么这段代码会输出 {代码...} 而不是 {代码...} 呢？
4 回答8.6k 阅读✓ 已解决
js如何在并发中同步两个fetch请求？
请求A的结果是B的参数，所以AB只能是同步请求，但有假设有100个AB请求，如何构造并发请求呢？ {代码...} 这个代码完全不行，等待时间太长了。假设一组AB耗时2s，上面的代码需要等待近1min才能获得数据，我希望能获得一组AB就显示一张图片，类似并行处理同步的AB？谢谢！
7 回答10.7k 阅读
怎么把一个矩形div变成一个直角三角形？
下面的是一个正常的div，怎么变成浅角部分，就是把一个矩形的div变成下面是直角的直角三角形。
5 回答8.3k 阅读
怎么去掉聚焦文字处的光标竖线？
发现项目中有个现象，所有的文字点击后都会出现一条类似贯标的竖线，但是不会闪烁，如下图这种：开始我以为是某个地方写的全局配置，但这个类似超链接的切换按钮有这个效果明显是不合适的，于是我在css 中添加了如下配置：从控制台看，样式选择器是没问题的样式也生效了，但竖线并没有去掉，而且我发现在控制台中强制设...
3 回答7.1k 阅读✓ 已解决
solidjs中如何实现vue中的keep-alive功能？
请在Solid.js中实现Vue.js的keep-alive功能。需要提供具体的代码示例和解释。
2 回答11.2k 阅读✓ 已解决

vue 的动画效果

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

纯css怎么搞出这么个圆环渐变效果呢？再进一步可以搞成圆边是虚线么？

Object assgin拷贝问题？

js如何在并发中同步两个fetch请求？

怎么把一个矩形div变成一个直角三角形？

怎么去掉聚焦文字处的光标竖线？

solidjs中如何实现vue中的keep-alive功能？