svelet组件未刷新

时间:2019-08-07 12:45:42

标签: svelte svelte-component svelte-3

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

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

第一个应用显示第一个组件 单击[向前]显示组件第二。 但是,单击[向后]并不会像预期的那样带回组件First。

我的一般想法是使用svelte管理面向标签的应用程序:每个标签都是一个组件和子组件。单击选项卡将显示和隐藏选项卡组件。 即使它在第一个标签更改时效果很好,但下一个失败。

我非常确定有可能发生这种行为,但是我想我一定对某些事情有误解...

有人可以偷我吗?

谢谢

1 个答案:

答案 0 :(得分:3)

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

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

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

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

您需要更新一个或另一个,以便使用实际上是从组件中分派的事件。