前端应用_Vue_实现列表删除和删除时候的动画效果

下边实现 删除的效果，代码如下：

<td style="color: #0e9aef" ><a href="" @click.prevent="del(item.id)">删除</a></td>
del(id){
                      var  list=this.list.filter(item => {if(item.id !=id){

                            return true}})

                        this.list=list

动画效果是有的如下：

但是有个问题就是删除一个后，需要腾出一个位置再上去，这个效果不是很好，

我们看能做一个渐进式的过度上移动.

需要加两个style 样式就行了，固定写法 如下：

.v-move{
transition: all 0.6s ease;
}
.v-leave-active{
position: absolute;
}