苗条的组件不刷新

Question

我正在与 svelte 合作开展个人项目（springboot + svelte + heroku）。 我很难理解为什么当我尝试重新显示组件时组件不刷新：

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

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

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

我很确定有可能得到这样的行为，但我想我一定是误会了什么......

有人能帮我解释一下吗？

谢谢

Answer 1

在您的第二个组件中，您正在调度 gothird

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

但您在使用组件时仍在使用on:next 属性

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

您需要更新其中一个或另一个，以便使用您实际从组件调度的事件。