[Tabs]: keep-alive the tabs on change or v-show instead of v-if or force render the background tabs

[ManasMadrecha]

Is your feature request related to a problem? Please describe.

There are two issues:

• Currently, the Tabs component does not render the other background tabs. So, the background content is not part of DOM, so not part of SEO.

• Also, on Tab change, the previous tab is re-rendered. So, if the content of the previous tab fetches any data, it has to re-fetch it every time the tab is changed backed to it.

Describe the solution you'd like

• For the first issue, kindly add a prop that can be added on a specific tab "force-render".

• For the second issue, kindly add a prop that can be added on a specific tab, e.g., display-directive="show" (if v-show is to be used) and display-directive="if" (if v-if is to be used), so as to keep-alive the previous tab by simply hiding it and not deleting and re-creating it.

  • It will be similar to Naive UI's Tab component.

Describe alternatives you've considered

Additional context