Div动画但不是动画

Question

我有一个Div，在休假时动画，但不在输入。更具体地说，淡入淡出动画确实可以双向工作，但高度动画仅在退出时有效。

<transition v-on:enter="slideDown" v-on:leave="slideUp">
    <div v-show="!showForm" class="container-fluid">

和jQuery：

slideDown(el, done) { $(el).slideDown().animate({ opacity: 1 },{ duration: 250 }); },
slideUp(el, done) { $(el).animate({ opacity: 0 }, { duration: 250 }).slideUp(); },

Answer 1

好吧，事实证明我只需要div来显示：在动画开始之前没有设置：

    beforeEnter(el){
        $(el).css('display',"none");
        $(el).css('opacity', 0);
    },

<transition  v-on:before-enter="beforeEnter" v-on:enter="slideDown" v-on:leave="slideUp">