Livewire 不重新渲染

Livewire Not Rerendering

我不知道我错过了什么,但我遵循了每一步,但它没有重新呈现视图。

这是我的 livewire 组件 class:

use Livewire\Component;

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

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

这里是 livewire 视图:

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

当我在输入框中键入时,我看到正在发送 XHR 请求,但视图没有更新。我在这里错过了什么?几个小时以来,我一直在四处寻找答案。

来自 Livewire 的文档:

Make sure your Blade view only has ONE root element. Source

将它放在 div 中应该可以解决这个问题。

您的 blade 视图必须只有一个根元素,它应该如下所示:

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