<div>
<div @click="show=!show">我是列表</div>
<transition name="fade">
<p v-if="show">哈哈哈哈哈哈哈的实施交付计划
<br>
qwkjsjkdhf
<br>
是的恢复时间规范化建设</p>
</transition>
</div>
.fade-enter-active,
.fade-leave-active {
transition: all 1s ease;
}
.fade-enter,
.fade-leave-to
/* .fade-leave-active below version 2.1.8 */
{
height: 0;
}
p{
height: 100px;
background-color: pink;
}
css种fade-enter-active中的fade和html中的name后面的名字一致