vue tsx render函数 transition动画不生效

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

代码语言：javascript复制

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

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

代码语言：javascript复制

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

详情参考

key transition 异常

0 人点赞