@baye hi, did u manage to find a solution to this.
I have the same issue. Tried q-virtual-scroll with the tree but when used together it appears that the tree is defaulted to expanded all … it improves the load but not overall performance…

@dobbel i tried to do deepfreeze to all my objects. as long as the whole tree is not fully expanded, individual clicking on the nodes looks open. but once on the nodes are expanded (with all the children nodes opened) … clicking on each nodes (even a level 1 node with just 1 child & no subchild) becomes very delayed. wondering what else or what have people been doing otherwise to handle the massiveness of a tree

@dobbel hi, i tried the expandAll() nodes function with the tree that has a large number of nodes and even when i’ve already freeze the nodes object, when i do the expandAll function ($ref.Tree.expandAll()), the expansion is slow… how else can i improve this?

@dobbel thanks! it helped in the fast loading of nodes significantly!

@hpawar hi, did you eventually manage to resolve this ? i got hit when processing large number of nodes as well.

cool i used <q-resize-observer> eventually and it works nicely:
<q-splitter …>
…
<template v-slot:after="" >
<q-resize-observer @resize=“onResize” :debounce=“0” />
…
</template>
</q-splitter>

<script>
…
methods: {
onResize ({ width, height }) {
this.splitterheight = height
console.log(‘get resize’, width, height)
},
}
</script>

I am using a q-splitter which splits my app horizontally.
I wish to get the height of the splitter so that i can adjust the content sizing accordingly when i move the splitter up or down.
Any ideas how to get the height of the splitter when i shift this splitter dynamically up or down?

hi if you are tracking windowsize, maybe you should use computed to capture the change in window size.
eg:
computed: {
return {
heightStyle: this.$q.window.screen.height + ‘px’
}
}

ok thats what i did eventually:
<style lang=“sass”>
.q-splitter
&__before
overflow: auto
&__after
overflow: hidden
</style>

hi i am trying to achieve the same and i figured that one way is to hide the overflow. So in my split i only want to hide the q-splitter after.
In sass: it could be configured to:
.q-splitter__after
{
overflow: hidden;
}.
However, i do not know how to put this in my script (not versed in style/css editing).
Have you got a solution?