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'
}
}

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com