视图 2<transition mode="out-in"> 不过渡第一个元素</transition>
[英]Vue 2 <transition mode=out-in> not transitioning the first element
问题描述
使用 Vue 2.6.14，我使用 v-if 和 v-else 在两个按钮之间切换。 我将所有内容都包装在一个过渡中，但第一个元素从不过渡，既不进也不出。
<transition name="fade" mode="out-in">
<TappaPaginazione v-if="!$store.state.modal.isOpen" :key="$route.params.slug"/>
<button v-else @click="toggleModal(null)" class="btn">Chiudi</button>
</transition>
.fade-enter-active,
.fade-leave-active {
@apply transition-opacity duration-500 ease-in-out;
}
.fade-enter,
.fade-leave-to {
opacity: 0;
}
会是什么呢？
1 条回复
1楼 StefanGarofalo 1 2023-01-24 11:55:19
原来它实际上是display: contents; 我给了自定义组件。 我想它不能被转换
问题未解决？试试以下方法：
过渡运行时聚焦输入，在过渡元件中的元件上拧紧位置
[英]Focusing input while transition is running screws up position on element in transitioning element
在Vue.js中使用动态路由匹配时如何实现“进出模式”的过渡效果？
[英]How do you realize the "in-out mode" transition effect when using dynamic route matching in Vue.js?
如何防止每次浏览器刷新或第一次打开web页面时过渡元素过渡？
[英]How to prevent transition elements from transitioning every time the browser refresh or open the web page for the first time?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.