search

view-design / ViewUI

A high quality UI Toolkit built on Vue.js 2.0
https://www.iviewui.com/
Other
2.65k stars 797 forks source link

[Bug Report]Tabs组件animated动画属性渲染bug #924

Open SharlynnLv opened 3 years ago

SharlynnLv commented 3 years ago

Environment

windows操作系统(win10 64位)/chrome(版本 87.0.4280.66 64位)/vue2(版本2.5.2）

Reproduction link

https://run.iviewui.com/ScejjfxH

Steps to reproduce

Tabs组件的TabPane设置了index属性，按照降序排列，TabPane切换显示异常

What is expected?

Tabs组件的TabPane设置了index属性，按照降序排列，无论Tabs是否开启了animated动画属性，TabPane切换显示都应该正常

What is actually happening?

Tabs组件的TabPane设置了index属性，按照降序排列，在Tabs开启了animated动画属性后，TabPane切换显示异常；Tabs关闭animated动画属性后，TabPane切换显示正常

应该是TabPane降序排列时，Tabs的animated动画属性引起的渲染bug，