0

有没有办法在 Svelte 中重新创建组件？

上下文是我有一个已经创建的组件。一旦它完成它的过程，我希望它被销毁然后再次创建。这会将其属性恢复为其默认状态，并确保对其嵌套组件执行相同操作。

我想这在现有的组件方法中在技术上是可行的，但我想知道是否有一种直接的方法来解决它。

顺便说一句，我知道在某些情况下重新创建组件可能效率低下。最好通过手动重置组件及其嵌套组件的状态来实现所需的重新创建效果。例如，递归函数可以以某种方式遍历组件及其嵌套组件，并调用每个组件的默认数据函数。然而，这并不是那么简单，并且存在一些问题（即计算属性和创建生命周期挂钩）。

4

2 回答 2

1

是的，使用{#key}块：

<script>
import YourComponent from "./YourComponent.svelte"

let unique = {}

function restart() {
  unique = {} // every {} is unique, {} === {} evaluates to false
}
</script>

{#key unique}
  <YourComponent />
{/key}

<button on:click={restart}>Restart</button>

REPL

{#key}在 Svelte v3.28 中引入，在此之前您需要使用只有一项{#each}的键控块

于 2020-09-04T08:22:25.387 回答
1

简短的回答是否定的，要重新创建处于出厂状态的组件，您需要new Thing(...)再次调用。

于 2018-02-21T18:18:11.477 回答