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

Answer 1

继续启程 2019-08-22 20:26:21

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

• 江湖猛龙 #1

  啥原因 为什么show不行呢

• 江湖猛龙 #2

  可能是元素display none这个覆盖了opacity的值

Answer 2

提问者 MRNUR 2019-07-12 00:44:27

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

Answer 3

提问者 MRNUR 2019-07-12 00:42:41

handleEnter(el, done) {

    Velocity(el, {

    opacity: 1

    }, {

    duration: 1000,

    complete: done()

    })

}

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

• Dell #1

  完整代码贴上来！

Answer 4

Dell 2019-07-12 00:26:35

代码贴出来看下嘛

• 小胖砸z #1

  把v-show改成v-if就可以了，代码就是老师的代码，老师可以讲一下原因吗？

• Dell 回复 小胖砸z #2

  因为v-show保存了dom，上面的css属性都不变，所以后面就没有动画了,v-if每次重新创建dom，就没有这个问题。