[Bug Report][3.6.8] VTreeview slow performance on expand

[yuwu9145]

Environment

Vuetify Version: 3.6.8
Vue Version: 3.4.27
Browsers: Chrome 125.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

1. Load reproduction link
2. Expand a node

Expected Behavior

Should be as fast as using VList:
https://play.vuetifyjs.com/#eNp1k02P2jAQhv/KKKoEaMlCW/WShpVW26qnXlrtCZDWjQ24dWzLH5QK5b93kuDEhHBJ7JlnPt6xvT4n1hSLZ60fj54lWZI7VmpBHHvaSID8mBbEUCgEsXa1ScpTSrxTmwT+cuoOaPm4XG6Shm1owa2DY7pTBn2/gUv4EAEdku6N8hqORHiG4DMtuYwo5EIbmMwK5TJSOH4krsl7Bm2UtlBdhfTJOQZj3C8uKdINix077kRcLF9EeFx6EY0gMkd0XDSIndaOOfBZLbpeY82Yy/6wf4jxgTV0VUc8NpsBEGbUAJzG3kU/1qClmWs4jouxPUnc1EeJm4HA3BaG65ZiJ62MA8p2xAsH5zYRJY5kMJ3B6gmmFxuA0kxmsJ68WmbsZDsPdlLP16Knb3Q9+U4k2bOSSTeZw6SkPCVFobx0aYmFuBYsVd4JLlmUqQ78yZzjcm9DWKH2I2S/Koynw+IvhqHYkEELb+8U+8EIDdiO3+3pVeNEuny+3V0jX5hgPULb3W2/1eyyKFSpvWM0CzOH9g6FsXdWPPUF0hKf2TfmXg5cUMMkrIDTW67OW5NSUWaRWW8Hbry6MMXegKN3+Rl/Obz/VC8eHmY3yaBN9Ki9PfT3oHNiy9j/27szp1WK3+otGknHNHccsa8ngpeQQVFLaMTCnZhqNjBVg71hzhvZNnflisD7gxidwXJkBvfkB+U8an1M6ajGa3lRw2OiqnBtmj/C+aJ7vEk1l16I5rP9DxkApl0=

Actual Behavior

Slow and frozen

Reproduction Link

https://play.vuetifyjs.com/#...

[KaelWD]

The equivalent list example has 200 list groups not 200 lists https://play.vuetifyjs.com/#eNp1Uk1vGjEQ/SujVSRAYYG2t+0SKWp77KVVToCEuzbEqde2/EGp0P73jL2YNSThwM7He/NmxrM6FdY080etZwfPiqqoHWu1II49rCVAfSgbYig0gli7XBftsSTeqXUB/zh1zxj5slisi4iNaMGtO3sXv9wb5TVUByI8Q8r2kbZc3p1eui0WOpQ7ZTD6AlzC56xarJC6QZgVylWkcfxAXGScQBulLXRXlEGWIxl5f7ikiI5Y1HPcidBFbAKZ9TyD59LzbBNZOEPnommMcUhMgU/COMFGzRxX/WX/EcZvoqmrwJhF5waQlhcBnObZ+bDwNEvceHqVc7B/UHTCi6JzM2BtG8N1j2JHrYwDynbECwenvhAljlQwnsDyAcbnGIDSTFawGj1ZZuxoM01xEvZrMTM0uhr9JJLsWcukG01h1FJekqZRXrqyRSGuBSuVd4JLllUKxN/MOS73NtEatX8HOViN8fRW/JthOGyqoIW3H4j9YoQm2I5/2NOTxo1c6vneu4Z8Z4INENp7b/vtJmejUa32jtEq7Rz6G0prv0QDVFoHUlFmYQmrzZDBQ4QxKgHHxOIrfmr4tAjG/f0kLwE9faa9fR4e9CyLPfBslvCLd1nB9seR4OGw2BrcnXi3vQJ2k8HrBtMw543sJVO0SwuIXwTX88sZFt1UeiHi3+YV08BbjQ==

Still faster though, treeview seems to be rerendering every node at least twice.

[yuwu9145]

Yeah, there are unnecessary renderings

[uke5tar]

+1 on this issue. It is also a huge problem for me. I am currently trying to mitigate it by loading all items initially with an empty children array and then using the load-children prop to "fill" the children with the remaining items by resolving a fake Promise. It's a rather hacky workaround and not yet fully working for me as I need it but the only way to get a decent speed.

Any ideas on timeline for resolving this issue?

[TheInvoker]

+1

[yuwu9145]

Concluded two redundant renderings, on every open event:

• Treeview re-renders, caused by v-model:opened change
• Every Treeview-Item re-renders, caused by When JSX is used, v-slots cause child component does unnecessary rendering during parent component re-rendering vuejs/babel-plugin-jsx#712

[uke5tar]

Hi,
just want to let you know that even after upgrading to vuetify 3.6.9 the performance of the treeview is still quite slow with a big amount of items. I assume thats why you re-opened the issue @yuwu9145 ?
Any ideas on the timeline for fixing this issue?

Thank you for working on this btw :)