vue为v-if添加过渡动画效果

https://blog.csdn.net/qq_41948178/article/details/103901722

<transition name="plus-icon">
   <div class="service" @click="qq()" v-if='go_qq'>
       <img src="~@/../static/img/service.png" alt="">
   </div>
</transition>

.plus-icon-enter-active {
    transition: opacity 0.5s;
}
.plus-icon-enter {
    opacity: 0;
}
.plus-icon-leave-active {
    transition: opacity 0.5s;
}
.plus-icon-leave-to {
    opacity: 0;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容