纤细的组件不刷新

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}/>

您需要更新其中之一，以便使用实际从组件分派(dispatch)的事件。