为什么使用 velocity 之后第二次点击 toggle 就无法显示 hello world 呢?

来源:5-4 Vue中的 Js 动画与 Velocity.js 的结合

MRNUR

2019-07-09

写回答

4回答

继续启程

2019-08-22

将v-show改为v-if可解决问题

1
2
江湖猛龙
可能是元素display none这个覆盖了opacity的值
2020-11-25
共2条回复

MRNUR

提问者

2019-07-12

就是只剩按钮,hello world 消失了

0
0

MRNUR

提问者

2019-07-12

handleEnter(el, done) {

    Velocity(el, {

    opacity: 1

    }, {

    duration: 1000,

    complete: done()

    })

}

就是用了 velocity.js 之后,所有动画效果过了一遍,等到再想过一遍的时候,hello world 就消失了

0
1
Dell
完整代码贴上来!
2019-07-14
共1条回复

Dell

2019-07-12

代码贴出来看下嘛

0
2
Dell
回复
小胖砸z
因为v-show保存了dom,上面的css属性都不变,所以后面就没有动画了,v-if每次重新创建dom,就没有这个问题。
2019-09-26
共2条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程