苗条的组件不刷新

Posted 2023-03-07

【中文标题】苗条的组件不刷新

【英文标题】：svelte component not refreshing

【发布时间】：2019-12-15 02:49:08

【问题描述】：

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

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

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

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

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

有人能帮我解释一下吗？

谢谢

【参考方案1】：

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

function forw() 
    dispatch('gothird');

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

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

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