求助:Laravel Blade组件始终无法接收传递的变量
解决Laravel Blade组件无法接收变量的问题
核心问题定位
你的组件目录名称不符合Laravel Blade组件的默认约定,导致框架无法正确加载组件,进而变量传递失效。
解决方案步骤
修正组件目录名称
Laravel Blade组件默认要求存放在resources/views/components(复数形式)目录下,你当前使用的是component单数目录,需要将其重命名为components。验证组件调用语法
目录修正后,x-game-card会自动对应resources/views/components/game-card.blade.php,以下两种传参语法都是有效的:
{{-- 常规语法 --}} <x-game-card :game="$game" /> {{-- 短属性语法(Laravel 8+支持) --}} <x-game-card :$game />
- 确认父视图变量有效性
在listing.blade.php的循环中先临时添加变量输出,确认$game本身有数据:
@foreach($games as $game) {{-- 临时调试用,确认变量存在 --}} <p>Debug: {{ $game->name }}</p> <x-game-card :$game /> @endforeach
如果没有输出,说明问题出在控制器传递$games变量到视图的环节,需要检查控制器代码是否正确传递了数据。
- 清除视图缓存
Laravel会缓存编译后的视图文件,修改目录或组件代码后可能需要清除缓存才能生效:
php artisan view:clear
额外注意事项
- 确保组件文件中的
@props(['game'])声明正确,没有拼写错误。 - 组件内的变量调用
{{$game->id}}、{{$game->name}}要确保$game对象确实包含这些属性。
内容的提问来源于stack exchange,提问作者Isalanctos
相关产品推荐
相关产品推荐

