svelte - 如何替换 Svelte 中目标的内容而不是附加到子项？

Question

调用 new Component({ target }) 将组件附加到目标，我想用新组件替换目标的所有旧内容。我该怎么做？

Answer 1

如果您正在混合服务器呈现的标记，最好使用 hydrate: true 选项 ( docs here )。

如果 target 之前被 Svelte 组件占用，最好调用该组件的 $destroy() 方法。

否则，最简单的方法就是清空 target 元素:

target.innerHTML = '';
new Component({ target });