vue的 过渡动画 可以不通过 show if 触发吗?怎么做
发布网友
发布时间:2022-03-30 04:35
我来回答
共1个回答
热心网友
时间:2022-03-30 06:04
可以按普通的css3动画思路来实现。
将transition属性和初始css动画属性定义在一个常驻class上,比如.slide-edit-box。
然后把动画触发之后的css属性定义在一个新的临时class上,比如.slide-edit-box-anime。
然后给btn绑定一个给动画dom添加class的方法就可以了。
data () {
return {
class: ''
}
},
methods: {
anime () {
this.class = 'slide-edit-box-anime'
}
}