Laravel Livewire组件daftar方法未触发，无法保存帖子求助

核心问题 #

点击Submit按钮时，Livewire组件的daftar()方法未触发，表单数据无法保存到数据库。

排查与修复步骤 #

1. 确保Livewire组件正确挂载 #

你的Blade视图直接嵌套在x-app-layout中，未正确挂载Livewire组件。需将组件视图独立出来，再在父视图中挂载：

组件视图（livewire/post-form.blade.php）：

<div>
    <x-input type="text" id="title" name="title" wire:model="title"/>
    <x-input type="text" id="description" name="description" wire:model="description"/>
    <x-button wire:click="daftar" type="button">Submit</x-button>
</div>

父视图（如posts/create.blade.php）：

<x-app-layout>
    @livewire('post.form.post-form')
</x-app-layout>

同时确认app.blade.php中引入Livewire的基础依赖：

<head>
    <!-- 其他头部内容 -->
    @livewireStyles
</head>
<body>
    <!-- 页面内容 -->
    @livewireScripts
</body>

2. 简化wire:click语法 #

将wire:click="daftar()"改为wire:click="daftar"，避免括号可能引发的解析异常。

3. 核对组件命名空间与挂载名称 #

组件命名空间为App\Livewire\Post\Form\PostForm，挂载时需使用kebab-case格式：post.form.post-form，确保命名完全匹配，否则组件无法响应事件。

4. 验证用户登录状态 #

auth()->id()若返回null，会导致user_id字段赋值失败（若该字段为必填），需在daftar()方法中添加登录校验：

public function daftar()
{
    if (!auth()->check()) {
        session()->flash('error', '请先登录');
        return redirect()->route('login');
    }

    $this->validate([
        'title' => 'required|string|max:255',
        'description' => 'required|string',
    ]);

    $post = new Post();
    $post->title = $this->title;
    $post->description = $this->description;
    $post->user_id = auth()->id();
    $post->save();

    session()->flash('success', 'Post successfully added.');
    return redirect()->back();
}

5. 检查Livewire请求状态 #

打开浏览器开发者工具的Network面板，点击Submit按钮后查看是否有Livewire的AJAX请求：

• 无请求：说明组件未正确初始化，检查挂载方式和依赖引入
• 有请求：查看响应中的错误信息，定位具体问题

6. 优化模型保存逻辑（可选） #

利用批量赋值简化代码（你的Post模型已正确设置$fillable）：

Post::create([
    'title' => $this->title,
    'description' => $this->description,
    'user_id' => auth()->id(),
]);

内容的提问来源于stack exchange，提问作者Syed MHaziq