Javascript 纤细的组件使其独立并保留绑定值

我制作了选项卡和选项卡面板组件。 答复:

我想使用嵌套选项卡。（苗条3.29.4）

...
选项卡面板内容
...
选项卡面板内容
...
...

如何使组件绑定道具在销毁时仍具有相同的值？ 如何复制：

单击选项卡“选项卡1-3”和“选项卡2-3”

单击选项卡“选项卡3-2”

单击选项卡“选项卡1-2”

绑定变量

tab3

将

未定义

，但我希望保留

tab3

的选定值

我再次单击“Tab1-3”，嵌套的tab面板中没有显示tab面板。我怎样才能让人看得见

<Tabs bind:value={tabparent}>
    <Tab name="..." />
    ...
</Tabs>
<TabPanels value={tabparent}>
    <TabPanel name="...">
        TabPanel content
        <Tabs bind:value={tabchild}>
            <Tab name="..." />
            ...
        </Tabs>
        <TabPanels value={tabchild}>
            <TabPanel name="...">
                TabPanel content
            </TabPanel>
            ...
        </TabPanels>
    </TabPanel>
    ...
</TabPanels>