Luckyray

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

  •  
  •   Luckyray · Nov 28, 2018 · 5656 views
    This topic created in 2724 days ago, the information mentioned may be changed or developed.

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

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