svelte component not refreshing

Question

I am working with svelte on a personal project (springboot + svelte + heroku). I have hardtime understanding why a component does not refresh when I am tryig to redisplay it :

here is a gist : https://svelte.dev/repl/a69ac7502677400081122453aa45dfbb?version=3.7.1

first app displays component First clicking [forward] display component Second. But then clicking [backward] does not bring back component First as I expect.

My general idea is using svelte to manage a tab oriented app : each tab is a component and sub-components. clicking on tab would display and hide tab components. even though it works great for the first tab changement next fails.

I 'm pretty sure it's possible to get such behavior, But I guess I must have misunderstood something...

Could someone epxlain me ?

Thanks

Morphyish · Accepted Answer · 2019-08-07 12:48:40Z

5

In you second component you are dispatching gothird

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

but you are still using the on:next prop when using the component

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

You need to update one or the other so that you are using the event you are actually dispatching from your component.

answered Aug 7, 2019 at 12:48

Morphyish

4,07210 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

svelte component not refreshing

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related