Livewire 不重新渲染

Question

我不知道我错过了什么，但我遵循了每一步，但它不会重新渲染视图。

这是我的 Livewire 组件类：

use Livewire\Component;

class HelloWorld extends Component
{
    public $message = 'Hello, world!';

    public function render()
    {
        return view('livewire.hello-world');
    }
}

这是实时视图：

<input type="text" wire:model="message">{{ $message }}

当我在输入框中键入内容时，我看到 XHR 请求正在发送，但视图没有更新。我在这里缺少什么？我已经四处寻找答案几个小时了。

Answer 1

来自 Livewire 的文档：

确保您的刀片视图只有一个根元素。 来源

将其放在 div 中应该可以解决此问题。

Answer 2

您的刀片视图必须只有一个根元素，它应该如下所示：

<div>
    <input type="text" wire:model="message">{{ $message }}
</div>

Answer 3

您需要有一个根元素。 请注意，您只能有一个根元素。