Getting the height of the horizontal q-splitter

[studio511]

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?

[metalsadman]

@studio511 should be able to check in the v-model you are using, also use unit prop. check the model api https://quasar.dev/vue-components/splitter#QSplitter-API

[studio511]

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>