Vue 3离开动画不起作用。过渡问题
Vue 3离开动画不起作用的问题可能是由以下几个原因引起的：
- 错误的过渡属性配置：在Vue 3中，过渡属性的配置方式与Vue 2有所不同。Vue 3使用
v-slot指令来配置过渡属性，而不再使用name属性。确保你正确地配置了过渡属性，例如<transition name="fade" mode="out-in">应该改为<transition v-slot="{ leave }" mode="out-in">。 - 错误的CSS样式：过渡动画需要正确的CSS样式来实现。请确保你已经为离开过渡状态定义了正确的CSS样式。例如，你可以使用
opacity和transform属性来实现淡出效果。 - 未正确触发过渡：Vue 3中的过渡需要手动触发。你需要在组件中使用
<transition>包裹需要过渡的元素，并在适当的时机使用Vue提供的过渡方法来触发过渡。例如，你可以在组件的methods中使用leave()方法来触发离开过渡。 - Vue 3版本问题：确保你正在使用的是Vue 3的最新版本。有时候，过渡问题可能是由于旧版本的Vue 3中存在的bug引起的。尝试升级到最新版本，看看问题是否得到解决。
总结起来，解决Vue 3离开动画不起作用的问题需要确保正确配置过渡属性、定义正确的CSS样式、正确触发过渡，并且使用最新版本的Vue 3。如果问题仍然存在，你可以参考腾讯云提供的Vue.js文档和相关资源来获取更多帮助：
- Vue.js官方文档：https://cn.vuejs.org/
- 腾讯云云开发（CloudBase）：https://cloud.tencent.com/product/tcb
相关·内容
1回答
<div class="container">
<input placeholder="find PLEASE" v-model="search" />
<transition-group name="fade">
<div v-for="(item, index) in filteredItems" :key="index" class="container__item">{{ item }}</div
浏览 2提问于2018-06-16得票数 0
回答已采纳
1回答
Vue旋转木马(如何使用转换？)
、、、、
我是Vue的初学者，我试着通过Vue制作旋转木马。
我有代码： (示例)
<style>
.switch-enter-active,
.switch-leave-active {
transition: all .5s ease-in-out;
}
.switch-enter {
left: 100%;
}
.switch-leave,
.switch-leave-to {
left: -100%;
}
</style>
<div id="ba
浏览 2提问于2019-11-25得票数 0
回答已采纳
1回答
编辑简化问题
为什么在这个极简主义的例子中的过渡不起作用？(它模仿了我的代码中的真实情况)
前员额
我想在VueJs 2中的自定义组件上应用一个转换，这取决于v条件。
我试图将转换放在内部，加载组件：
父组件
<loading v-if="shared.loading"></loading>
Loading.vue
<template>
<transition name="slide-fade">
<div class="loading-container"&g
浏览 0提问于2017-02-02得票数 0
回答已采纳
1回答
在我的项目中，我使用了vue.js 2.9。我定义了移动和移除的动画(过渡和翻译)：
transform: translate3d(0, 0, 0)
&.move-enter-active, &.move-leave-active
transition: all 0.2s linear
&.move-enter, &.move-leave
transform: translate3d(100%, 0, 0)
我的模板div是：
<template>
<transition name="move">
&l
浏览 3提问于2018-09-26得票数 1
回答已采纳
为什么过渡动画不能在vue3js中工作？我看不见任何动画。我正在使用这个库
<template>
<nav class="navbar color-dark section-padding">
<span :class="this.$route.meta.connect ? 'navbar-toggler' : ''">
<button class="border-0 navbar" @click="open()">
浏览 5提问于2022-04-08得票数 1
回答已采纳
当加载不同的页面时，我需要创建一个过渡动画，例如当用户离开一个页面时，另一个页面通过动画“位置:相对；左:n”从屏幕外位置开始并移动到视图中进行转换。当新视图完成转换并覆盖旧视图时，可以丢弃旧视图。
动画本身很简单。问题是角会立即破坏旧视图，所以我不能在上面运行任何动画。
我怎样才能做到这样的过渡呢？
浏览 1提问于2015-02-20得票数 0
回答已采纳
1回答
所以我有一个活跃的Vue.js SPA。我想动画之间的每个‘页面’之间的过渡。我将路由器封装在转换标记中，如下所示：
<transition name="example">
<router-view></router-view>
</transition>
然后我应用一些css，如下所示：
.example-enter, .example-leave-to{
opacity:0;
}
.example-leave, .ex
浏览 2提问于2018-01-04得票数 0
回答已采纳
我想为我的vue路由创建一个滑动+淡入淡出过渡。在这里你可以看到我想要达到的效果： https://discord.js.org/#/docs/main/stable/general/welcome “旧”页面向右滑动并淡出，之后“新”页面淡入并向左滑动。 目前我添加了一个过渡，但是“新”容器在“旧”容器完成动画之前就开始了它的动画。我创建了一个代码片段来重现这个问题： https://codesandbox.io/s/o1jkpkl75q 需要修复哪些内容才能获得所需的过渡动画？
浏览 10提问于2019-04-20得票数 0
回答已采纳
1回答
我有一组元素显示/隐藏/重新排列了一个过渡组，没有什么特别之处。
.cross-fade-leave-active {
transition: transform $fadeSpeed ease-in-out, opacity $fadeSpeed ease-in-out;
position: absolute;
}
.cross-fade-enter-active {
transition: opacity $fadeSpeed ease-in-out $fadeSpeed;
}
.cross-fade-enter-from,
.cross-fade-leave-to
浏览 7提问于2022-02-10得票数 1
1回答
我正在开发一个Vue 2应用程序，它利用了Vue的转换。每个过渡都有输入和离开动画，我试图禁用离开动画，因为它在某些情况下工作不好。
我有：
<transition name="slide-fade" :duration="{ enter: 1500, leave: 1 }">
<section id="step1" v-if="step == 1">
<!-- some html -->
</section>
</transition>
有四个这样的过渡
浏览 3提问于2022-11-08得票数 0
1回答
new Vue({
el: '#app',
data: {
visible: true
}
})
.a, .b {
height: 50px;
width: 50px;
background: red;
}
.b {
background: blue;
transition: 1s;
}
<script src="https://unpkg.com/vue@2.4.4/dist/vue.js"></script>
<div id="app">
<div c
浏览 0提问于2017-09-29得票数 1
1回答
这是我正在使用的过渡组。
<article class="hotel-row" v-for="hotel in paginatedHotels" :key="hotel.hotelid">
<search-hotel :hotel="hotel"></search-hotel>
</article>
如果我不键入子键，Vue将抛出一个错误：
Vue警告:必须对儿童进行键控：
没问题，我添加了我独特的酒店，以确保Vue可以区分元素。
我有一个25家酒店的列表，问题是当我
浏览 1提问于2017-08-01得票数 0
回答已采纳
1回答
我有一个项目，我在其中使用Vue Transitions来动画排序和过滤包含car组件的网格。每个网格元素包含一个汽车组件。
问题是用户可以邀请新用户访问该平台。这些新用户/汽车与每个在汽车组件中显示的现有对象不同。在这些新对象中，我显示了不同类型的数据/信息。
这就是为什么我选择向这些“新”用户展示使用不同类型的组件而不是汽车组件的原因。
问题是，两个组件都需要在同一个CSS网格中显示。但是，当我试图将两个组件添加到一个过渡组中时，该过渡组会中断，并且不再执行排序动画。
<transition-group class="grid">
<InvitedU
浏览 1提问于2021-04-17得票数 0
回答已采纳
那么，看看这个。在向呈现的列表中添加新的多个元素时，我希望从vue功能添加过渡动画。我已经尝试用属性transition-group添加tag="div"。然而，元素仍然添加没有动画。有什么建议吗？
浏览 2提问于2019-11-03得票数 0
回答已采纳
我在“团结”中的场景之间做了过渡动画。当我按下一个按钮，过渡动画会播放，第二个场景将被加载。
问题是分配给按钮的函数不起作用。
浏览 2提问于2020-05-23得票数 1
回答已采纳
当我将鼠标悬停在图像上时，我正在尝试显示缩放效果和动画。我使用的是vue的类绑定(可以在下面的问题定义之后看到)。问题是，我使用动画放大了图像，但随后再次调用zoom类，如果我不将鼠标从图像上移开，我会再次看到缩放的图像。
我尝试了不同的动画，但同样的问题存在，过渡似乎也不起作用。
<v-avatar>
<img v-if="img" :src="img" :class="{ zoom: hover }" alt="" />
</v-avatar>
@keyframes change
浏览 0提问于2019-05-02得票数 0
我试图构建一个类似于 (审查标记支付)的列表动画。卡片垂直滚动，一个一个地滚动。每一张卡都来自一个数组。
我已经把它实现了，而且它运行得很好。然而，动画并不流畅。看起来，在过渡组中的动画name=“动画”不起作用。
尝试了所有的东西，就像文档里的一样。找不到解决办法
<div class="container" id="vue-instance">
<transition-group name="animate">
<div class="row align-items-center quote&
浏览 3提问于2017-03-12得票数 0
回答已采纳
1回答
我目前正在为我的办公室做一个内部网站。我一直在使用vue.js，因为它能够轻松地维护大量循环和动态内容的页面。我还选择了vue，因为我对它的研究使页面过渡看起来非常简单。
遗憾的是，我的IT部门不愿意在服务器上实际托管该站点；这迫使我将该项目保留为HTML页面的静态文件夹。正因为如此，vue页面元素似乎不能在这样的环境中工作(，等)。
有没有一种在静态html站点中应用vue页面过渡的方法？如果没有，是否可以延迟页面加载，以便在页面之间包含触发的css动画？
浏览 3提问于2018-10-20得票数 0
2回答
我刚开始在Vue过渡。我正在尝试隐藏和显示div视情况而定。有人能告诉我这是否是你想要的行为吗？
<div id="app">
<transition-group name="testanim">
<p key="1" v-if='open1' @click='open1 = false'>First Block</p>
<p key="2" v-if='!open1' @click='open1 =
浏览 0提问于2018-10-29得票数 0
回答已采纳
我正在尝试使用vue transition在bootstrap 4下拉菜单上添加上下滑动过渡。 转换不起作用 我尝试使用过渡元素，但动画不起作用。 <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
浏览 13提问于2019-05-13得票数 1
我为一个网站创建了一个相当复杂的菜单。菜单由大量基于CSS3的动画组成。然而，当我导航到一个不同的页面时，菜单应该在一开始就构建起来-没有所有的动画，但是是JS方式的，而不是服务器端的。
现在，我想知道如何才能暂时完全禁用所有的过渡/动画，直到菜单构建完成。
我想过创建一个覆盖动画的子类，但它似乎不起作用，因为它总是在基类中定义的动画/过渡正在使用？
浏览 1提问于2011-11-29得票数 6
回答已采纳
1回答
我尝试在更改页面之间添加过渡，但我不能理解内部嵌套子页面的热使用。如果我包装在app.vue中，它将为所有的块设置动画：
<template>
<div id="app">
<transition name="fade" mode="out-in">
<router-view class="view"></router-view>
</transition>
</div>
</template>
但我
浏览 1提问于2018-03-30得票数 0
1回答
我想使用循环创建一个具有以下效果的旋转木马：
当用户单击prev/next按钮时，在幻灯片完成加载时，每一张幻灯片中都有文本和图像，我也想用幻灯片进行动画处理，或者有效地淡出幻灯片。
问题: 1.如何才能使过渡平稳(就像闪光幻灯片那样)？我考虑隐藏文本/图像，并在调用"after“函数时将其动画化。
，以及当使用到页面时，我将如何动画第一张幻灯片上的文本。当您浏览每一页时，循环动画会显示它们。
提前谢谢。
文森
浏览 3提问于2009-11-25得票数 0
我正在使用AngularJS 1.1.5，并使用daneden的animate.css测试ng动画指令。我使用路由设置了几个视图。我正在使用Twitter引导带3 RC1。
以下是ng视图的代码：
<div class="container" ng-view ng-animate="{enter:'animated fadeInRightBig', leave:'animated fadeOutLeft'}"></div>
这是路由部分：
$routeProvider
.when('/
浏览 3提问于2013-08-04得票数 9
回答已采纳
1回答
在通过JavaScript将CSS3过渡应用到幻灯片放映时，我感到非常头疼。
基本上，JavaScript获取幻灯片中的所有幻灯片，并将CSS类应用于正确的元素以获得良好的动画效果，如果没有CSS3过渡支持，它将只应用样式而不应用过渡。
现在，我的“小”问题。所有的工作都像预期的一样，所有的幻灯片都获得了正确的样式，代码运行没有bug(到目前为止)。但是，即使应用了正确的样式，指定的过渡也不起作用。此外，当我自己通过检查器应用样式和过渡时，它们也会起作用。
既然我自己找不到一个合理的解释，我想这里有人可以回答这个问题，好吗？
我现在提供了一个小示例来说明代码是什么：
浏览 1提问于2011-11-21得票数 1
我在某个地方读到过，(不幸的是，我再也找不到我的源代码)，如果一个用户已经用运行的CSS3动画(无限参数)加载了一个HTML页面，并且他决定离开它，浏览器(计算机)仍然不必要地播放动画，所以，CPU (或者加速硬件？)虽然用户离开了页面，但动画仍在工作。
所以如果有人能回答我，我会很高兴的。
这是事实吗？
如果这是真的：
过渡是否也与这一问题有关？
暂停动画(如果涉及到转换)是否足以避免此问题？(我在考虑强制暂停一个onbeforeunload事件)或者我应该做另一件事吗？注意，我不想使用“悬停”来启动动画/转换。
PS:我仍然是CSS，javascript的新手，不懂其他语言
浏览 5提问于2013-07-05得票数 1
回答已采纳
在我的应用程序中，默认的popViewController过渡不起作用--它显示了一个淡入的过渡。
推送动画的动画效果与预期不谋而合，而流行动画则不然。
[self.navigationController popViewControllerAnimated:YES];
因为打开了viewController。
你知道它为什么会这样吗？
浏览 0提问于2015-01-28得票数 0
我对Vue过渡有个问题。
我制作了一个组件来创建幻灯片转换。禁用离开动画需要一个enter-only道具。
问题是，有时当我试图在两个组件之间切换时，似乎有一个短暂的时刻，这两个组件都存在。我想让它们完美地互相替换。
下面是一个沙箱，展示了这个问题：
浏览 1提问于2019-02-19得票数 0
回答已采纳
我试图切换一个图标，并有一个过渡申请。我使用的是非常好的vue-fontawesome包，我的图标设置类似于这样，computedIcon是一个计算属性，返回应该是哪个图标：
<transition name="fade">
<font-awesome-icon :icon="computedIcon" />
</transition>
这很好，但是转换不适用。有人能为我指明正确的方向吗？
谢谢
浏览 0提问于2018-03-22得票数 3
回答已采纳
1回答
活动跃迁效应
、、
我用摩托罗拉里程碑和HTC Wildfire来测试我的应用。当我切换到具有里程碑的其他活动时，我有一个滑动过渡动画。我认为这是默认的，因为我没有在主题中添加任何动画。但是在野火上我没有任何过渡效果。有没有可能让默认的滑动过渡动画与野火一起工作？我在应用程序中实现了原始的task_open_enter.xml和task_open_close.xml，并根据更改了我的风格，但这也不起作用。调用overridependingtransition也不起作用。
浏览 0提问于2011-06-06得票数 2
回答已采纳
2回答
在Vue中，我可以禁用基于布尔值的过渡动画吗？
所以现在动画是启用的：
<transition name="fadeUp">
<div v-if="elIsVisible">
<p>Foo Bar</p>
</div>
</transition>
但我希望我做这样的事：
<transition name="fadeUp" animation-enabled="false">
<div v-if="elIsVisib
浏览 0提问于2019-09-12得票数 6
回答已采纳
1回答
我使用css转换来动画一个div的高度。我想做的是有一个缓慢的过渡和一个快速的过渡。
这是一个下拉菜单，虽然下拉式工作伟大，当你悬停在一个菜单项上，当你移动到下一个项目，我希望上一个下拉列表几乎立即恢复。
div {
width: 100px;
height: 100px;
background: red;
-webkit-transition: width 2s;
/* For Safari 3.1 to 6.0 */
transition: width 2s;
}
div:hover {
width: 300px;
}
<div></div
浏览 0提问于2014-11-27得票数 3
回答已采纳
我在行和列中有一个div网格和一个转换组，如下所示：
<div class="row" v-for="row in grid">
<div class="col-md-3" v-for="col in row">
<transition-group
v-on:before-enter="beforeEnter"
v-on:enter="enter"
浏览 1提问于2018-10-11得票数 2
1回答
我可以将v-for循环包装在transition-group中，并使所有元素同时出现，如下所示：
<script setup>
import {onMounted, reactive} from "vue";
const state = reactive({
hover: false,
fadeIn: false,
})
onMounted(() => {
setTimeout(() => {
state.fadeIn = true
}, 2000)
})
</script>
&l
浏览 9提问于2022-07-30得票数 0
我有css类和下面的关键帧动画图像淡入和滑动从左侧。
过渡在桌面上工作得很好，但是在移动设备上，过渡表现得就像是完成了，首先显示100%的关键帧，然后过渡从0%开始，并按照您预期的那样执行动画。
我尝试将0%样式添加到原始类中，以便在动画开始之前在正确的位置启动它，但这不起作用。有什么想法吗？谢谢!
.slideLeft {
animation-duration: 1s;
animation-fill-mode: both;
animation-timing-function: ease-out;
animation-name: slideInLeft;
transfo
浏览 1提问于2017-03-28得票数 0
1回答
禁用过渡动画
、、、、
在某些情况下，我如何禁用动画？
<div id="flip-list-demo" class="demo" :class="{'animate': animate}">
<button v-on:click="shuffle">Shuffle</button>
<input type="checkbox" v-model="animate"/>
<transition-group name="flip-lis
浏览 1提问于2017-06-30得票数 1
回答已采纳
1回答
水平网站的过渡和动画
、、、
我正在创建一个横向网站。当元素显示在屏幕上时，我希望将过渡和动画应用于元素。但是现在，在页面本身加载时，所有的过渡和动画都应用于所有元素。我尝试过(:visible)，但它不起作用。因此，请指导我如何在元素显示在屏幕上时将过渡应用于元素。提前谢谢。
浏览 0提问于2017-02-10得票数 0
在通过JavaScript将CSS3过渡应用到幻灯片放映时，我感到非常头疼。
基本上，JavaScript获取幻灯片中的所有幻灯片，并将CSS类应用于正确的元素以获得良好的动画效果，如果没有CSS3过渡支持，它将只应用样式而不应用过渡。
现在，我的“小”问题。所有的工作都像预期的一样，所有的幻灯片都获得了正确的样式，代码运行没有bug(到目前为止)。但是，即使应用了正确的样式，指定的过渡也不起作用。此外，当我自己通过检查器应用样式和过渡时，它们也会起作用。
既然我自己找不到一个合理的解释，我想这里有人可以回答这个问题，好吗？
我提供了一个小示例来说明现在的代码是什么：或使用JSfiddle (
浏览 0提问于2011-11-21得票数 35
回答已采纳
1回答
我使用的反应路由器，我希望能够渲染和转换的任意组件时，挂载和卸载。现在，我已经将这些组件添加到我的路由定义中：
<Route component={App}>
<Route
path="foo"
component={Foo}
/>
<Route
path="bar"
component={Bar}
/>
</Route>
我在我的组件中使用react转换组来在它们进入和离开时动画它们。组件在进入时安装和动画属性。但是，当我离开路由时，
浏览 2提问于2016-07-12得票数 4
回答已采纳
我使用的是largeTitles和searchController。当我为推式过渡设置动画时，searchBar有时不会动画显示它的消失。在推送之后，searchBar的空间突然消失，导致了一个粗糙的过渡动画。
我认为解决方案是设置searchController.definesPresentationContext = true，但这不起作用。想知道有没有其他的解决方法。
浏览 0提问于2018-05-23得票数 1
1回答
我在我的应用程序中用transition-group动画一个列表。此列表由select输入筛选。选择要么选择所有它们，要么选择相互排他性组。这种情况严重破坏了过渡进程。我认为我需要类似于过渡模式的东西才能使其工作，但指出：
转换模式是不可用的(对于转换组)，因为我们不再在相互排斥的元素之间交替。
下面是一个示例代码：
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">
<select v-model="
浏览 0提问于2019-03-30得票数 0
回答已采纳
1回答
当用户单击顶部栏时，我正在尝试将元素动画化为浏览器的完整高度。动画工作，但一旦(回车)动画结束后，容器跳回到零高度，而它应该停留，直到用户单击关闭按钮。
动画结束后，如何让容器停留在100vh？
我尝试在元素上添加height: 100vh；，但这样做会导致过渡动画停止工作。(通过删除高度，动画可以工作，但元素会消失)
我不确定这是否重要，但我将v-if更改为v-show，并在容器上添加了一个密钥，但这似乎没有什么不同。
下面是我的代码的。并对动画进行。
<!-- AboutMeComponent.vue -->
<template>
<div>
浏览 10提问于2019-07-11得票数 2
回答已采纳
0回答
我试图在显示或隐藏类为.socialmenu的DIV时显示过渡。这是CSS代码，但它不起作用：
.socialmenu {
bottom: 0;
left: 0;
right: 0;
height: 30px;
background: #333;
position: fixed;
display: none;
transition: 3s all ease;
}
这是包含完整代码的。我不介意过渡/动画是否也是使用jQuery实现的。有什么帮助吗？
浏览 1提问于2017-12-10得票数 0
2回答
我的vue应用程序中有这个scss代码。当isVisible属性设置为true时，我正在尝试从左侧平滑过渡到菜单，但我无法应用我定义的过渡，菜单将立即出现。我在这里做了一个关于SO的研究，我发现了一些有趣的问题，但它们都是使用jQuery和css animation，所以它们并不是很有用。我不是CSS高手，有什么建议吗？ HTML <div class="col-12 settings p-3 position-fixed" :class="{ 'show': isVisible }" ref="settings"
浏览 19提问于2020-10-05得票数 0
回答已采纳
1回答
我在Vue中定义了一个过渡组。
<transition-group
name="staggered-scale"
tag="div"
:css="false"
@before-enter="animationBeforeEnter"
@enter="animationEnter"
appear>
<span v-for="i in range" :key="i"
浏览 4提问于2017-01-20得票数 1
回答已采纳
1回答
我的意思是，在挂载时，将运行enter动画，而在删除时，将运行leave动画。我有一个转换，需要在enter和leave时对其中的许多元素进行动画处理，所以我希望将所有代码移动到它自己的组件中，然后
<template>
<transition @enter="enter" @leave="leave">
<!-- component -->
</transition>
</template>
---
<CustomComponent :key="ind
浏览 1提问于2018-08-26得票数 0
回答已采纳
我正在使用一个3d模型，每个动画有一个CAAnimationGroup，每组包含SCNMorpher重量动画，每帧有2 CABasicAnimations (从权重从1.0转换到0.0，每帧从0.0到1.0，下一组使用插值)。
我的动画运行顺利，但是从一个组到另一个组的过渡是粗糙和僵硬的，就像从步行到跑步。
我对3D模型动画非常陌生，需要一些关于构建从任何动画到下一个动画的平稳过渡的SceneKit方法的指导。
我希望能够立即停止当前运行的动画，无论它有多远，并立即过渡到下一个。我想转换到目标动画中的偏移量，以确保目标动画保持原来的长度，这样动画音频同步就不会受到影响。
我对缺乏足够的资料表示
浏览 1提问于2015-03-14得票数 1
回答已采纳
In React.js，您如何显式地设置CSS？
以下是背景：
我有一个从完全高度开始的栏，然后通过动画缩小到0px的高度。请看下面的图片。
它在步骤1-2-3中正确工作。我应用动画将高度设置为0。
但是，我无法从第3步过渡到第4步，因为高度已经是0。(与步骤1不同，步骤1的高度为初始值700 in )。
如何显式设置CSS?这将允许我恢复初始700 me高度，这将允许正确地重置动画。
注意:出于性能原因，我不使用jQuery。
浏览 0提问于2016-08-26得票数 0
回答已采纳
1回答
我使用了react-router-dom和react-spring的useTransitions，为页面过渡设置了动画效果，但过渡动画效果很好，但也有一些bug。我想我可以用CSS解决这个问题，但是我不知道该怎么做。如果你知道如何解决它，如果你能帮助我，我将不胜感激。 我尝试过使用react-router-dom、react-spring、useTransitions、animated、__RouterContext进行页面转换。 没有错误消息。这是一些bug 它从下往上上升。我只想居中，在移动页面时给出不透明的效果。 function App() {
const { locatio
浏览 16提问于2019-06-25得票数 0
回答已采纳
1回答
在阅读了的优秀教程之后，我正在尝试将本机页面转换到我的Ionic项目中。
但是，我发现了一个问题，即页面转换完成后，有时页面会被更改。这意味着，它将动画从A页过渡到A页，只有这样，A页变成了B页。本文提供的解决方案以及插件也是根据估计设置在动画开始前的延迟。但这种做法并不可靠。
因此，我认为不是使用延迟，而是在输入该页面时使用以下动画：
$scope.$on('$ionicView.enter', function (event, viewData) {
window.plugins.nativepagetransitions.slide({
&
浏览 0提问于2015-10-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
