我不知道我遗漏了什么,但我遵循了每一步,但这并没有重新引起人们的注意。
这是我的livewire组件类:
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的文档中:
确保您的Blade视图只有一个根元素。来源
把它放到div中应该可以解决这个问题。
您的刀片视图必须只有一个根元素,它应该如下所示:
<div>
<input type="text" wire:model="message">{{ $message }}
</div>