Liveware 组件未更新整个 DOM

Question

我有一个 laravel 组件可以切换到多个视图。假设我有这两个视图：

查看 1

<div class='progress-bar'>
<h1>View 1</h1>

查看 2

<div class='progress-bar'>
<h1>View 1</h1>

单击按钮时，组件从视图 1 更改为视图 2。现在那里的进度条使用 css 动画来加载自己，但是由于 DOM 代码非常相似，进度条不会改变，即使在视图更改后，进度条保留其位置而不是重置。

我也想重置进度条。

如果我以任何方式更改进度条的标记，例如：

查看 2

<div>
    <div class='progress-bar'>
</div>
<h1>View 1</h1>

这解决了问题，但我不想那样做。

无论如何我可以强制 liveware 从头开始渲染另一个视图中的所有内容？

Answer 1

给它一个 ID，或者 Clement 指出的 wire:key 就可以了。

Liveware component not updating whole DOM