laravel livewire 提交表单后返回空白页

Question

我正在学习 laravel livewire，但我遇到了这个问题，我按照 youtube 中的教程进行操作，但我不知道问题是什么。

登录.blade.php 我在表单标签 wire:submit.prevent="submit"

中有这个

app.blade.php

 @livewireStyles
   <livewire:login />
 @livewireScripts

登录组件

public $form = [
    'username' => '',
    'password' => '',
];

public function submit()
{
   $this->validate([
        'form.username' => 'required',
        'form.password' => 'required'
    ]);

}

public function render()
{
    return view('livewire.login');
}

Answer 1

我也有同样的错误。 我的代码是:

@if($errors->any())
   <ul>
       [laravel error loop]
   </ul>
@endif


<div class="anything">
   <form wire:submit.prevent="save">
      ....form tags....
   </form>
</div>

在完全关闭后，livewire 似乎不会渲染任何其他 html，如上所示，在 </ul> 之后关闭了，那么剩下的就不渲染了

然后我将代码更改为:

<div class="anything">
   @if($errors->any())
      <ul>
         [laravel error loop]
      </ul>
   @endif


   <form wire:submit.prevent="save">
      ....form tags....
   </form>
</div>

我将所有元素包装在一个 <div> 中，在本例中我使用 <div class="anything">它有效! 我的表单已呈现!