Laravel Liveware组件未更新整个DOM

我有一个laravel组件，可以切换到多个视图。 假设我有以下两种观点：

视图1

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

视图1

视图2

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

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

视图1

单击按钮后，零部件将从视图1更改为视图2。 现在，其中的进度条使用css动画加载自身，但由于DOM代码非常相似，进度条不会更改，即使在视图更改后，进度条也会保留其位置，而不是重置

我希望进度条也重置

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

视图2

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

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

视图1

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

---

无论如何，我可以强制liveware从头开始在另一个视图中渲染所有内容？给它一个id，或者像Clement指出的那样给它一个wire:key就可以了。

你可能需要添加

wire:key=“view1”

和

wire:key=“view2”

另外，文档上有一个很好的解释，它已经修复了，我也给了它一个id，这也解决了它，但我猜电线：钥匙是一个更好的方法。