求助! Vue 的动画真是写的我头疼...

2018-11-28 22:28:51 +08:00
 Luckyray

vue 的动画好像都是绑定 v-if 的,通过 v-if 后面的那个变量确定动画的前后状态,必定有一个状态是 v-if=true,然后元素消失。然后我想做的动画需要元素一直在,不能消失,要怎么搞??

4791 次点击
所在节点    前端开发
16 条回复
leafiy
2018-11-28 22:31:07 +08:00
v-show?
o0
2018-11-28 22:50:33 +08:00
跟 vue 有什么关系。。。。说到底不是 js ?
Luckyray
2018-11-28 22:54:56 +08:00
@leafiy 一个意思呀
Luckyray
2018-11-28 22:55:26 +08:00
@o0 怎么讲?手动用 js 写动画? setInterval 里面手动改 style 这样吗?
rabbbit
2018-11-28 23:05:57 +08:00
v-leave v-enter 控制的是元素显示 隐藏时的动画
其他动画可以由控制 class 来完成
o0
2018-11-28 23:16:27 +08:00
@Luckyray 我自己是动画只有 css,只用 js 控制 class 名,之前接触 vue 没遇到你这种可能比较复杂的,所以没遇到动画问题。
xiaqi
2018-11-28 23:59:04 +08:00
这要是会 jquery 的人,这个应该很容易吧?
话说跟 vue 真没关系吧?用 react,ng 也一样,都是写 css,js 吧
dixeran
2018-11-29 00:03:24 +08:00
用 requestAnimationFrame 自己写呗
Luckyray
2018-11-29 00:18:23 +08:00
@xiaqi jQuery 很简单,但是既然用 vue,我就想用更“ vue ”的写法来....不想再引入 jquery 了
Luckyray
2018-11-29 00:19:06 +08:00
@dixeran 刚知道有这东西,非常感谢,我试试
yamedie
2018-11-29 07:54:55 +08:00
vue 有 transition,官方文档叫过渡,不能满足你的需求吗?
YuxiangLuo
2018-11-29 08:02:08 +08:00
transition != 动画
ReGlenn
2018-11-29 09:13:19 +08:00
不明白,直接 animation 不就行了吗
plm2
2018-11-29 12:05:57 +08:00
h233
2018-11-29 13:53:04 +08:00
通过控制 class 和 style 就可以了,不用钻牛角尖什么更 vue 的写法…
Luckyray
2018-11-29 16:46:49 +08:00
@h233 知道了……走偏了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/512519

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX