Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support for hiding a tab panel #1184

Closed
rafaeljosem opened this issue Apr 16, 2021 · 3 comments
Closed

Support for hiding a tab panel #1184

rafaeljosem opened this issue Apr 16, 2021 · 3 comments

Comments

@rafaeljosem
Copy link

Hello,

Please add support for hiding a tab panel in the tab view component. It could be a property such as :hide="true"

Thanks!

@cagataycivici
Copy link
Member

I think you can just use v-if on the panel component for this.

@rafaeljosem
Copy link
Author

I've tried but it gives an error: Uncaught (in promise) TypeError: child.children.forEach is not a function.

@Anubarak
Copy link

Anubarak commented Apr 16, 2021

@cagataycivici This is not possible due to the "miss-use" of vNodes instead of actual child Components due to this.slots.$default().
If you would use the TabPanel as an actual Component it would work.

child.children is of type export declare type VNodeNormalizedChildren = string | VNodeArrayChildren | RawSlots | null; that can be null or an array or in this case RawSlots that has no forEach function

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants