在 Laravel 6 中，Blade 模板中的 组件 & 插槽 示例
1、参考网址：https://learnku.com/docs/laravel/6.x/blade/5147#20f1dd 。Blade 模板 – 组件 & 插槽
2、先编写一个可复用的「alert」组件，我们想在应用中复用它，新建文件：/resources/views/alert.blade.php
1 2 3 4 5 6 7 | <!-- /resources/views/alert.blade.php --><div class="alert alert-danger"> <div class="alert-title">{{ $title }}</div> {{ $slot }}</div> |
3、配置 /routes/web.php 中的路由
1 2 3 | Route::get('component', function () { return view('component');}); |
4、新建模板文件：/resources/views/component.blade.php
1 2 3 4 5 6 7 | @component('alert') @slot('title') Forbidden @endslot You are not allowed to access this resource!@endcomponent |
5、打开网址：view-source:http://laravel-theme-demo.local/component 。查看源代码。符合预期。如图1
图1
1 2 3 4 5 6 7 | <!-- /resources/views/alert.blade.php --><div class="alert alert-danger"> <div class="alert-title">Forbidden</div> You are not allowed to access this resource!</div> |
近期评论