苗条的组件使独立并保留绑定值

时间:2020-11-02 05:21:04

标签: javascript svelte svelte-3 svelte-component

我制作了选项卡和选项卡面板组件。 REPL:https://svelte.dev/repl/b45ff97eba424f3493435b1c388a5c05

,我想与嵌套选项卡一起使用。 (精简版3.29.4)

<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>
  1. 如何使销毁组件绑定的道具仍然具有相同的值? 繁殖方法:
    1. 点击“标签1-3”和“标签2-3”标签
    2. 点击“标签3-2”标签
    3. 点击“标签1-2”标签
    4. 绑定变量tab3将是undefined,但我想保留tab3的选定值。

enter image description here enter image description here

  1. 然后我再次单击“选项卡1-3”,选项卡面板未显示在嵌套的选项卡面板中。如何显示?

enter image description here

0 个答案:

没有答案