laravel blade

laravel 专栏收录该内容
21 篇文章 0 订阅

传统

layout.blade

@yield('content')

继承调用

@extends('base.layout')
@section('content')
@endsection

这样实现了继承块

組件

创建组件

php artisan make:component Alert

layout.blade

我是扩展
<main>
    {{ $slot }}
</main>

在 AppServiceProvider.php boot添加组件

  Blade::component('base.layout','layout');

继承调用

<x-layout>
    我是内容
</x-layout>

继承覆盖

父:

<div class="container">
    @yield('content')
</div>

@section('footer')
    我是夫页脚
@show

子:

@extends('base.layout')

@section('title', 'Page Title')

@section('content')
    <p>hello</p>
@endsection


@section('footer')

    <p>子footer</p>
@endsection

插槽

组件:

<!-- /resources/views/components/alert.blade.php -->

<span class="alert-title">{{ $title }}</span>

<div class="alert alert-danger">
    {{ $slot }}
</div>

使用:

<x-alert>
    <x-slot name="title">
        Server Error
    </x-slot>

    <strong>Whoops!</strong> Something went wrong!
</x-alert>
  • 1
    点赞
  • 3
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 酷酷鲨 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值