V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Luckyray
V2EX  ›  前端开发

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

  •  
  •   Luckyray · 2018-11-28 22:28:51 +08:00 · 4958 次点击
    这是一个创建于 2193 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    leafiy
        1
    leafiy  
       2018-11-28 22:31:07 +08:00 via iPhone
    v-show?
    o0
        2
    o0  
       2018-11-28 22:50:33 +08:00
    跟 vue 有什么关系。。。。说到底不是 js ?
    Luckyray
        3
    Luckyray  
    OP
       2018-11-28 22:54:56 +08:00
    @leafiy 一个意思呀
    Luckyray
        4
    Luckyray  
    OP
       2018-11-28 22:55:26 +08:00
    @o0 怎么讲?手动用 js 写动画? setInterval 里面手动改 style 这样吗?
    rabbbit
        5
    rabbbit  
       2018-11-28 23:05:57 +08:00
    v-leave v-enter 控制的是元素显示 隐藏时的动画
    其他动画可以由控制 class 来完成
    o0
        6
    o0  
       2018-11-28 23:16:27 +08:00 via iPhone
    @Luckyray 我自己是动画只有 css,只用 js 控制 class 名,之前接触 vue 没遇到你这种可能比较复杂的,所以没遇到动画问题。
    xiaqi
        7
    xiaqi  
       2018-11-28 23:59:04 +08:00 via Android
    这要是会 jquery 的人,这个应该很容易吧?
    话说跟 vue 真没关系吧?用 react,ng 也一样,都是写 css,js 吧
    dixeran
        8
    dixeran  
       2018-11-29 00:03:24 +08:00 via Android   ❤️ 1
    用 requestAnimationFrame 自己写呗
    Luckyray
        9
    Luckyray  
    OP
       2018-11-29 00:18:23 +08:00
    @xiaqi jQuery 很简单,但是既然用 vue,我就想用更“ vue ”的写法来....不想再引入 jquery 了
    Luckyray
        10
    Luckyray  
    OP
       2018-11-29 00:19:06 +08:00
    @dixeran 刚知道有这东西,非常感谢,我试试
    yamedie
        11
    yamedie  
       2018-11-29 07:54:55 +08:00 via Android
    vue 有 transition,官方文档叫过渡,不能满足你的需求吗?
    1KN6sAqR0a57no6s
        12
    1KN6sAqR0a57no6s  
       2018-11-29 08:02:08 +08:00 via Android
    transition != 动画
    ReGlenn
        13
    ReGlenn  
       2018-11-29 09:13:19 +08:00
    不明白,直接 animation 不就行了吗
    plm2
        14
    plm2  
       2018-11-29 12:05:57 +08:00   ❤️ 1
    h233
        15
    h233  
       2018-11-29 13:53:04 +08:00 via Android
    通过控制 class 和 style 就可以了,不用钻牛角尖什么更 vue 的写法…
    Luckyray
        16
    Luckyray  
    OP
       2018-11-29 16:46:49 +08:00 via iPhone
    @h233 知道了……走偏了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2788 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 04:02 · PVG 12:02 · LAX 20:02 · JFK 23:02
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.