How to force an initial render on q-tab-panel?

[baaskoen]

When I'm using q-tabs with q-tab-panels (with the keep-alive prop), each q-tab will start to mount only when the tab will be active for the first time.

However, sometimes I have components inside tabs that do essential things in their created or mounted hooks. When the end user never clicks on a tab, these hooks will never be called.

In other Vue Component libraries/frameworks there is usually a way to provide each tab with a prop that describes it should render immediately. For example Ant Design Vue allows a forceRender boolean prop in the TabPane component.

And Vuetify has the eager prop:
https://vuetifyjs.com/en/api/v-tab-item/#props

Is there any way I can achieve this in Quasar?

[Nymphxyz]

3 years no answer ?

[bpuig]

What about, let's say a form, that is very big and it's divided into some sections.
When sending the form we are missing all the sections that were not manually open, and maybe there are some inputs there with default values, those values won't be in the form.

[baaskoen]

there is no logic in rendering something that is not actually rendered. if user won't activate the tab there is no point in rendering its content. you can always fetch any external data in the background or simply in the parent and pass it as props to the components inside. plenty of solutions. this is a non-issue.

Saying it's a non-issue is kind of condescending, isn't it? You're basically saying that all popular frameworks implemented this prop for no reason? Ofcourse there are (better) ways to tackle a problem, but there are many cases where you might want/need an initial render for UX reasons.