You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

求助:Laravel Blade组件始终无法接收传递的变量

解决Laravel Blade组件无法接收变量的问题

核心问题定位

你的组件目录名称不符合Laravel Blade组件的默认约定,导致框架无法正确加载组件,进而变量传递失效。

解决方案步骤

  1. 修正组件目录名称
    Laravel Blade组件默认要求存放在resources/views/components(复数形式)目录下,你当前使用的是component单数目录,需要将其重命名为components。

  2. 验证组件调用语法
    目录修正后,x-game-card会自动对应resources/views/components/game-card.blade.php,以下两种传参语法都是有效的:

{{-- 常规语法 --}}
<x-game-card :game="$game" />

{{-- 短属性语法(Laravel 8+支持) --}}
<x-game-card :$game />
  1. 确认父视图变量有效性
    在listing.blade.php的循环中先临时添加变量输出,确认$game本身有数据:
@foreach($games as $game)
    {{-- 临时调试用,确认变量存在 --}}
    <p>Debug: {{ $game->name }}</p>
    <x-game-card :$game />
@endforeach

如果没有输出,说明问题出在控制器传递$games变量到视图的环节,需要检查控制器代码是否正确传递了数据。

  1. 清除视图缓存
    Laravel会缓存编译后的视图文件,修改目录或组件代码后可能需要清除缓存才能生效:
php artisan view:clear

额外注意事项

  • 确保组件文件中的@props(['game'])声明正确,没有拼写错误。
  • 组件内的变量调用{{$game->id}}、{{$game->name}}要确保$game对象确实包含这些属性。

内容的提问来源于stack exchange,提问作者Isalanctos

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.01 06:30:53