vue如何动态的给DIV的显示隐藏添加切换效果

Question

问题描述

现在是从后台获取到了div的出现动画和消失动画，常见ppt的切换方式。怎么动态的添加这个切换动画

问题出现的环境背景及自己尝试过哪些方法

从后台获取到的数据是
1、切换的方式，左上角进入、右上角进入，淡入淡出等方式
2、速度：加速、匀速、减速
3、动画的时间

vue的transition能够通过判断 进行渲染吗？

transition里面的css的参数能通过js修改吗？

你期待的结果是什么？实际看到的错误信息又是什么？

 通过后台的数据 判断切换的方式 付给DIV

Answer 1

这个是可以实现的
你现在纠结的点在于你只想用transition配合css完成动画,但是动画的呈现效果应该由js来控制
其实你完全可以抛弃用css来做, transition可以用javascript钩子来完成动画的
你可以看看官方文档, 对你这种需求有专门的处理方式
https://cn.vuejs.org/v2/guide...