我的表单未在实时电线项目中提交

Question

我正在通过在线课程学习Livewire框架，为了学习我创建了一个测试项目。

在这个项目的一部分，我有一个表单，不提交和视图刷新，但显然没有任何错误的代码。

并且我必须在点击提交按钮并刷新' a ?

http://127.0.0.1:8000/身份验证?

我的形式:

<form wire:submit.prevent="register">
<div class="form-group input-group">
<div class="input-group-prepend">
<span class="input-group-text"> <i class="fa fa-user"></i> </span>
</div>
<input wire:model.lazy='name' class="form-control" placeholder="Full name" type="text">
</div> <!-- form-group// -->
<div class="form-group input-group">
<div class="input-group-prepend">
<span class="input-group-text"> <i class="fa fa-envelope"></i> </span>
</div>
<input wire:model.lazy='email' class="form-control" placeholder="Email address" type="email">
</div> <!-- form-group// -->
<div class="form-group input-group">
<div class="input-group-prepend">
<span class="input-group-text"> <i class="fa fa-lock"></i> </span>
</div>
<input wire:model.lazy='password' class="form-control" placeholder="Create password" type="password">
</div> <!-- form-group// -->
<div class="form-group input-group">
<div class="input-group-prepend">
<span class="input-group-text"> <i class="fa fa-lock"></i> </span>
</div>
<input wire:model.lazy='ConfirmPassword' class="form-control" placeholder="Repeat password" type="password">
</div> <!-- form-group// -->
<div class="form-group">
<button class="btn btn-primary" type="submit" >
create account
<div wire:loading>
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
</div>
</button>
</div>
</form>

我组件:

class Register extends Component
{
public $name,$email,$password,$ConfirmPassword;
public function register(){
dd('dul');
$this->validate([
'name'=>'required|string',
'email'=>'required|email|unique:users,email',
'password'=>'required|string|min:8|same:ConfirmPassword',
]);
User::create([
'user'=>$this->name,
'email'=>$this->email,
'password'=>Hash::make($this->password),
]);
session()->flash('success','registration done successfuly');
}
public function render()
{
return view('livewire.auth.register');
}
}

我的路线:

<?php
use AppHttpLivewirePostIndex as INdexPost;
use AppHttpLivewireAuthIndex as IndexAuth;
use AppHttpLivewireAuthRegister ;
use IlluminateSupportFacadesRoute;


Route::get('/', function () {
return view('index');
});

Route::get('/post', IndexPost::class);
Route::get('/auth', IndexAuth::class);

Answer 1

检查你的刀片根元素，如果有多个根元素，post方法代替get方法工作。https://laravel-livewire.com/docs/2.x/troubleshooting root-element-issues