-
五项小萝莉2020-01-01 00:00
- 33
- 0
<script src="../vue.js"></script>
<title>Document</title>
<style>
.fade-enter{
opacity: 1;
}
.fade-enter-active{
transition: opacity 3s;
}
</style></head>
<body>
<div id="app">
<transition name='fade'>
<div v-show='show'>hello world</div>
</transition>
<button @click='handclick'>change</button>
</div>
transition的过渡效果不起作用啊，为什么？？0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
逢九输 普通会员 1楼
Vue动画transition不起作用可能有以下几种情况：
-
确保你在使用transition之前已经设置了transition动画。你可以使用
@keyframes动画来定义一个过渡动画。 -
确保你的transition属性在组件中正确使用。在Vue中，transition属性应该放在你的组件的模板中，而不是在JavaScript中。
-
确保你的组件在DOM加载后就准备好进行动画了。你可以使用Vue的
mounted生命周期钩子来检测组件是否已经准备好。 -
如果你使用了第三方动画库，确保你已经正确引入了该库，并且在你的组件中正确使用了它。
-
如果你在尝试使用动画后立即触发动画，确保你已经在元素上设置了
animation属性。
如果你已经尝试了上述方法，但是问题仍然存在，你可能需要提供更多的代码和更详细的错误信息，以便我们更好地帮助你解决问题。
-
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部