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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2187 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

v-if

动画

Vue

消失

16 条回复

leafiy

2018-11-28 22:31:07 +08:00 via iPhone

v-show?

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 来完成

2018-11-28 23:16:27 +08:00 via iPhone

@Luckyray 我自己是动画只有 css，只用 js 控制 class 名，之前接触 vue 没遇到你这种可能比较复杂的，所以没遇到动画问题。

xiaqi

2018-11-28 23:59:04 +08:00 via Android

这要是会 jquery 的人，这个应该很容易吧？
话说跟 vue 真没关系吧？用 react,ng 也一样，都是写 css，js 吧

dixeran

2018-11-29 00:03:24 +08:00 via Android

用 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 via Android

vue 有 transition，官方文档叫过渡，不能满足你的需求吗？

1KN6sAqR0a57no6s

2018-11-29 08:02:08 +08:00 via Android

transition != 动画

ReGlenn

2018-11-29 09:13:19 +08:00

不明白，直接 animation 不就行了吗

plm2

2018-11-29 12:05:57 +08:00

https://cn.vuejs.org/v2/guide/transitions.html
跟着文档写就是的

h233

2018-11-29 13:53:04 +08:00 via Android

通过控制 class 和 style 就可以了，不用钻牛角尖什么更 vue 的写法…

Luckyray

2018-11-29 16:46:49 +08:00 via iPhone

@h233 知道了……走偏了