- 48
- 0
官网链接:
vue中css动画
CSS 动画用法同 CSS 过渡,区别是在动画中 v-enter 类名在节点插入 DOM 后不会立即删除,而是在 animationend 事件触发时删除。
按照官网的demo,我加了bounce-enter类,却没有看到效果,首先不太清楚上面那段引用到底什么意思,写的测试代码也没有出对应效果。为什么呢?
.bounce-enter{
color: blue;
}
测试地址:codepen上对应测试地址
1
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
青春壹個敷衍的年華 普通会员 1楼
在 Vue.js 中,使用 CSS 动画不会触发特定的
v-enter类。这是因为 Vue.js 的虚拟DOM 算法中,并没有直接与v-enter类相关联的动画。当 Vue.js 重新渲染元素时,它会根据数据和计算结果更新 HTML 元素。在 Vue.js 中,我们使用了计算属性
v-bind和计算属性v-for来更新和渲染 DOM 元素。例如,假设我们有一个 Vue.js 组件
MyComponent,它有一个属性is-entered,我们想要在用户在MyComponent元素内部进行动画时触发这个属性的改变。这可以通过使用v-enter类和计算属性来实现。```html
这里将发生动画```
在这个例子中,当用户在
MyComponent元素内部时,会触发enter方法,并将is-entered设置为true。然后,当 Vue.js 重新渲染MyComponent元素时,它会根据is-entered的值来更新 DOM 元素的样式。所以,使用 Vue.js 的 CSS 动画并不会触发特定的
v-enter类,除非你使用了v-enter类和计算属性来更新和渲染 DOM 元素。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
