Laravel表单提交不工作(Livewire + turbollinks)

Question

我的项目中需要livewire包，但以前没有使用过。有些livewire组件不刷新页面就不能工作，我不明白这是为什么。

<form wire:submit.prevent="login_method">
<input type="text" wire:model="login.email" id="email">
<input type="password" wire:model="login.password" id="password">
<button type="submit">Login</button>
</form>

class Login extends Component
{
public $login;
public function login()
{
return dd($this->$login);
}

public function render()
{
return view('livewire.auth.login')->extends('layout.default');
}
}

注:我使用turbollinks (SPA)。在不刷新浏览器的情况下切换页面。

当我禁用turbollinks时，表单提交工作，但是当turbollinks激活时，在页面之间切换时加载livewire组件，但动作不起作用。

Laravel 8.12/Livewire 2.3/turbollinks 5.2

Answer 1

请将表单标签中的方法名称从login_method更改为login，如下面的代码所示。

<form wire:submit.prevent="login">
<input type="text" wire:model="login.email" id="email">
<input type="password" wire:model="login.password" id="password">
<button type="submit">Login</button>
</form>