苗条的组件不刷新

Question

我正在使用 svelte 进行个人项目 (springboot + svelte + heroku)。 我很难理解为什么当我尝试重新显示组件时组件不刷新：

这里有一个要点：https://svelte.dev/repl/a69ac7502677400081122453aa45dfbb?version=3.7.1

第一个应用首先显示组件 点击【前进】显示组件 二。 但是然后单击 [向后] 并没有像我预期的那样返回组件 First。

我的总体想法是使用 svelte 来管理面向选项卡的应用程序：每个选项卡都是一个组件和子组件。单击选项卡将显示和隐藏选项卡组件。 尽管它对第一个选项卡更改很有用，但接下来会失败。

我很确定有可能出现这种行为，但我想我一定是误解了什么...

有人可以告诉我吗？

谢谢

Answer 1

在你调度的第二个组件中gothird

function forw() {
    dispatch('gothird');
}

但您在使用组件时仍然使用 on:next 道具

<Second on:back={ back } on:next={gothird}/>

您需要更新一个或另一个，以便使用您实际从组件发送的事件。