vue3 中的过渡可以滑入但不能滑出

Answer 1

子元素上的

v-show="cartVisible"

会在外转换开始之前删除整个元素。但当简单地移除

v-show

时，

.cartbar-wrapper

将覆盖整个屏幕，从而无法按下按钮。您必须更改子组件的结构，以便它可以在没有容器的情况下工作。

一个简单的解决方案是去掉包装纸并将

position:fixed

放在

.cartbar-container

上，看看游乐场。