vue v-show 实现淡入淡出的动画

5250人阅读 2023/3/22 17:35 总访问：1110371 评论：0 收藏：0 手机

分类: 前端

利用vue的transition组件就行。先把需要加入动画的内容使用transition组件包裹起来。然后编写样式即可。

比如:

<style lang="scss" scoped>
.fade-leave,   // 离开前,进入后透明度是1
.fade-enter-to {
  opacity: 1;
}
.fade-leave-active,
.fade-enter-active {
  transition: all 1.5s; //过度是2秒
}
.fade-leave-to,
.fade-enter {
  opacity: 0;
}
</style>

欢迎加群讨论技术，1群：677373950(满了，可以加，但通过不了)，2群：656732739。有需要软件开发，或者学习软件技术的朋友可以和我联系~(Q:815170684)

👈table tr 设置行间距

👉 ERROR Invalid options in vue.config.js: "proxy" is not allowed

评价