我想知道是否有办法覆盖或更改 vue 组件内的转换。
我实际上正在使用 buefy 组件来制作我的网站..但问题是某些组件(例如折叠)它有一个具有淡入淡出过渡的插槽，我不喜欢它。
我正在犹豫是否有办法覆盖 vue 转换
或者创建一个 mixin 来覆盖 javascript transition hooks.。但现在的问题是他们正在应用 css 过渡.. 相反，我希望 javascript Hook 能够触发并以某种方式进行幻灯片过渡..
而不是去创建新的 vue 组件
最佳答案
Buefy 似乎支持其组件上的正常 Vue 样式转换，尽管它没有文档记录。 buefy css 显示了一些预定义的淡入淡出、放大、缩小、下一张幻灯片和上一张幻灯片过渡。如果您想要不同的过渡，则必须自己定义它们或使用 Animate.css 等 css 库。
您可以通过将 animation="name" 添加到组件来覆盖默认的淡入淡出过渡。
<b-collapse animation="slide-next">
//..
</b-collapse>
您可以使用 css 创建自己的。
自定义动画“.myCustomSlide”示例
.myCustomSlide-leave-active,
.myCustomSlide-enter-active {
transition: 1s;
}
.myCustomSlide-enter {
transform: translate(100%, 0);
}
.myCustomSlide-leave-to {
transform: translate(-100%, 0);
}
这是一个工作 jfiddle 示例，其中包含两个内置示例和一个自定义示例。 https://jsfiddle.net/skribe/nnbup5wg/3/
关于javascript - 有没有办法覆盖 vue 组件内的转换，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48689823/