本文详解 Laravel 中从控制器向自定义 Blade 组件（如 components/hero.blade.php）传递数据的正确方式，修正变量未定义错误，并规范数据命名、视图渲染与选项绑定逻辑。
本文详解 laravel 中从控制器向自定义 blade 组件（如 `components/hero.blade.php`）传递数据的正确方式，修正变量未定义错误，并规范数据命名、视图渲染与选项绑定逻辑。
在 Laravel 开发中，将模型数据从控制器安全、清晰地传递至 Blade 视图（包括自定义组件视图）是基础但关键的一环。你遇到的 Undefined variable: city 错误，本质源于两个常见问题：控制器未实际返回视图，以及变量名不一致 + 视图中错误使用模型属性。
首先，修正控制器逻辑。原代码中调用了 $this->view(...) —— 这并非 Laravel 内置方法（Laravel 使用 view() 辅助函数或 return view(...)），且 $this->city 是未定义的属性。正确做法是显式调用 return view() 并传入数据：
<?php namespace App\Http\Controllers;
use App\Models\City;
use Illuminate\Http\Request;
class CitiesController extends Controller
{
public function index(Request $request)
{
$cities = City::orderBy('name')->get(); // 推荐使用复数变量名，语义更清晰
return view('components.hero', compact('cities')); // ✅ 正确返回视图并传参
// 等价写法：return view('components.hero')->with('cities', $cities);
}
}
注意：view() 的第一个参数是视图路径，components.hero 对应 resources/views/components/hero.blade.php；compact('cities') 是简洁传参方式，比 with() 更易维护。
其次，同步更新 Blade 组件视图。原视图中：
PHP中文网提供Laravel 13.2.0版本下载，Laravel框架 是基于 PHP 8.3+ 的高性能框架，官方推荐通过 Composer 安装。它内置 AI SDK、JSON:API Resources 及原生向量搜索，支持属性驱动开发与队列路由，大幅提升开发效率。相比旧版，13.2.0 优化了缓存 TTL 管理与实时通信，无需 Redis 即可横向扩展。作为现代 Web 开发首选，它兼顾安全与极速体验，助您快速构建企业级应用。
- 使用了未传递的变量 $city（单数），而控制器传入的是 $cities（复数）；
- 应使用每个城市实例的主键（如 id）作为表单值，name 作为显示文本。
修正后的 resources/views/components/hero.blade.php 如下：
<select class="form-group" id="s" name="s"><option value="">— 请选择城市 —</option>
@foreach ($cities as $city)
<option value="{{ $city->id }}">{{ $city->name }}</option>
@endforeach
</select>
✅ 关键改进点：
- 变量名统一为 $cities（控制器传入）→ $city（循环中单个实例），符合 Laravel 社区惯例；
- value 使用 {{ $city->id }}，确保表单提交时可被后端准确识别；
- 添加语义化空选项文案，提升用户体验。
⚠️ 注意事项：
- Blade 组件不应直接通过路由访问（如 GET /components/hero），它应由其他视图 @include('components.hero') 或作为独立页面渲染（如本例）。若需全局复用，建议将其封装为 匿名组件 或 内联组件，以支持属性绑定（如
），进一步解耦逻辑； - web.php 路由文件无需额外配置——只要 CitiesController@index 被正确路由指向（例如 Route::get('/cities', [CitiesController::class, 'index']);），即可正常工作；
- 始终对数据库查询结果做空值判断（尤其在生产环境），可添加 @empty($cities) 分支处理无数据场景。
掌握这一数据传递模式，不仅能解决当前报错，更是构建可维护 Laravel 应用的基石。
