Laravel Blade组件传参报错：Undefined variable $message求助

错误原因 #

你在组件的@props声明里，仅指定了message变量名但未设置默认值，当组件被调用时如果没有传递有效的message值（比如第三个调用示例中$message变量本身未定义），就会触发变量未定义的错误。

解决方案 #

1. 给message设置默认值

修改notification.blade.php的@props部分，为message设置默认值（比如空字符串或默认提示文本），确保即使未传递该属性也不会报错：

@props([
    'type' => 'info',
    'message' => '' // 或设置默认提示如'暂无通知内容'
])

<div class="alert alert-{{ $type }} notification">
    {{ $message }}
</div>

2. 声明message为必填属性（Laravel 9+）

如果message是组件的必填项，可以使用required()声明，强制调用时必须传递该属性：

@props([
    'type' => 'info',
    'message' => required()
])

<div class="alert alert-{{ $type }} notification">
    {{ $message }}
</div>

同时要确保在调用组件的test.blade.php中，:message="$message"里的$message变量已正确定义：

// test.blade.php中先定义变量
@php
    $type = 'error';
    $message = '自定义错误提示';
@endphp

<x-notification :type="$type" :message="$message" />

3. 条件渲染避免未定义输出

如果允许message为空，可以在组件中添加存在性判断，仅当变量存在时渲染内容：

@props([
    'type' => 'info',
    'message'
])

@if(isset($message))
<div class="alert alert-{{ $type }} notification">
    {{ $message }}
</div>
@endif

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