为列表添加动画效果需要在li标签外添加transition-group标签
这里应注意为多行数据添加动画效果需要使用的标签时transition-group标签而不是transition标签
并且由于transition-group标签默认tag为span标签,所以需要注意添加tag标签修改为ul并将原ul标签注释掉。
最后再添加自己想要实现的动画效果
在此基础上应该如何实现table表单的动画效果
首先,想到的应该是标签的使用也是transition-group标签
然后就需要考虑的是transition-group标签的位置
基于给li标签添加动画功能的思路
测试两种方法是否成功
第一种:在tbody外添加transition-group标签(此方法不可行)
第二种:将table标签写入transition-group的tag中(此方法不可行)
最后在vue的文档中找到了解决的方法
在tbody中用is来添加transition-group属性, 之后加上自己想要实现的动画效果即可