opentiny / tiny-vue

TinyVue is an enterprise-class UI component library of OpenTiny community, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.
https://opentiny.design/tiny-vue
MIT License
1.61k stars 257 forks source link

🐛 [Bug]: grid多选框性能问题 #2081

Open 470097042 opened 1 month ago

470097042 commented 1 month ago

Version

latest

Vue Version

latest

Link to minimal reproduction

gird复选框,在选择行时,似乎会重新渲染所有行,在大数据时(不用特别大数据,10列,100行以上就开始有点卡顿了),会出现选择行卡顿的情况,特别在一些性能不好的电脑上更明显。 这个问题虽然可以通过开启虚拟滚动缓解,但是虚拟滚动页面展示似乎还有一些bug。有时页面会显示为空,或者滚动时第一行是空白

Step to reproduce

官网例子,自定义表体行样式中, 1增加列10列以上,数据增加至100行以上, 2、rowClassName方法里输出行号 const rowClassName = ({ rowIndex }) => { console.log(rowIndex); } 3、选择行(点击某一行复选框),发现将所有行号rowIndex都输出一遍,此时页面会卡顿

What is expected

No response

What is actually happening

No response

What is your project name

wyq

Any additional comments (optional)

No response

Issues-translate-bot commented 1 month ago

Bot detected the issue body's language is not English, translate it automatically.


Title: 🐛 [Bug]: grid multi-select box performance issue