路由之间的 Svelte 丢失状态 (svelte-spa-router)

Question

输入组件接收作为道具的要自动完成的值列表。当路由更改时autocomplete 函数不再运行（自动完成功能不可用）、丢失状态或无法重新初始化。

export let autoCompleteList = undefined

if (autoCompleteList) {
    onMount(() => {
        let input = document.getElementById(id)
        autocomplete({some_parameters})
    })

    onDestroy(() => {
        autoCompleteList = undefined
    })
}

尝试添加onDestroy重置autoCompleteList，但没有效果。添加key 可能会重新初始化组件，但我不知道在哪里添加它。

Answer 1

输入组件具有相同的id 名称（即使输入组件是不同组件中的子组件）。更改 id 解决了这个问题。