veaury icon indicating copy to clipboard operation
veaury copied to clipboard

[React In Vue] Vue 的 Transition 动画组件中,使用的 React 组件离开动画会失效

Open baijunjie opened this issue 1 year ago • 1 comments

Vue 的 Transition 组件动画,在使用 v-if 控制显示时,返回 false 的元素不会立即移除,而是运行一段动画后再移除。 https://cn.vuejs.org/guide/built-ins/transition.html#transition

但是在 Transition 组件中使用 React 组件时,React 组件会立即被移除,离开动画会失效,但是进入动画是有效的。 不清楚这个问题是否好处理?🙏🏻

以下是一个最小重现的Demo https://codesandbox.io/p/devbox/vue3-veaury-nextui-org-react-3r7tsw

baijunjie avatar Nov 18 '24 10:11 baijunjie

@baijunjie 我看了下,在点击test的瞬间,veaury创建的button元素已经从节点上移除了,这个可能是veaury内部没有处理好或者是没有考虑transition的情况,大概率可以修复,但是优先级不高

devilwjp avatar Nov 18 '24 11:11 devilwjp