纤细的组件不刷新

Question

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

这是要点：https://svelte.dev/repl/a69ac7502677400081122453aa45dfbb ?version=3.7.1

第一个应用程序显示组件首先单击[前进]显示组件其次。但是，然后单击[向后]并不会像我预期的那样返回组件优先。

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

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

有人可以解释一下吗？

谢谢

Answer 1

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

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

但你on:next在使用组件时仍然使用 prop

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

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