下边实现 删除的效果,代码如下:
<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;
}