Компонент svelet не обновляется

Я работаю с svelte над личным проектом (springboot + svelte + heroku). Мне трудно понять, почему компонент не обновляется, когда я пытаюсь снова его отобразить:

вот суть: https://svelte.dev/repl/a69ac7502677400081122453aa45dfbb?version=3.7.1

Первое приложение отображает компонент Первый щелчок [вперед] Отображение компонента Второй. Но затем нажатие [назад] не возвращает компонент First, как я ожидаю.

Моя общая идея - использовать svelte для управления приложением, ориентированным на вкладки: каждая вкладка представляет собой компонент и подкомпоненты. нажатие на вкладку отобразит и скроет компоненты вкладки. несмотря на то, что он отлично работает для первой смены вкладки, следующая неудача.

Я почти уверен, что такое поведение возможно, но, наверное, я что-то неправильно понял...

Может ли кто-нибудь объяснить мне?

Спасибо

1 ответ

Решение

В вас второй компонент вы отправляете gothird

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

но вы все еще используете on:next опора при использовании компонента

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

Вам необходимо обновить одно или другое, чтобы использовать событие, которое вы фактически отправляете из своего компонента.

Другие вопросы по тегам