vue tsx render函数 transition动画不生效

flytam

发布于 2020-12-09 11:17:02

1.6K0

发布于 2020-12-09 11:17:02

直接这样是没有过渡效果的

<transition>
<div style={{display:this.isActive?'block':'none'}} >
	hello
</div>
</transition>

给transition子元素加上一个key，显示异常时使用不同的key即可

<transition>
<div key={this.isActive?'1':'2'} style={{display:this.isActive?'block':'none'}} >
	hello
</div>
</transition>

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2020-12-08 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度