我有一個名為 all.blade.php 的文件，如下所示：
@component('admin.layouts.content' , ['title' => 'example file'])
@slot('breadcrumb')
<li class="breadcrumb-item active">Example File</li>
@endslot
...
@endcomponent
@push('scripts')
<script>
Swal.fire({
title: 'Do you want to save the changes?',
showDenyButton: true,
showCancelButton: true,
confirmButtonText: 'Save',
denyButtonText: `Don't save`,
}).then((result) => {
/* Read more about isConfirmed, isDenied below */
if (result.isConfirmed) {
Swal.fire('Saved!', '', 'success')
} else if (result.isDenied) {
Swal.fire('Changes are not saved', '', 'info')
}
})
</script>
@endpush
這是 content.blade.php：
@extends('admin.master')
@section('content')
{{ $slot }}
@endsection
這是 master.blade.php：
<!DOCTYPE html>
<html>
<head>
...
@stack('scripts')
</head>
<body>
@yield('content')
</body>
</html>
現在的問題是 @push('scripts') ... @endpush 不起作用並且沒有顯示甜蜜的警報訊息。
那麼這裡出了什麼問題呢？我怎麼能解決這個問題並在刀片上一起調用@component和@push？
嘗試
Ctrl U檢查該元件是否呈現到其位置。另請注意，如果您使用的是 Swallibrary JS 庫，那麼實際的 Swallibrary 程式碼會在呼叫 fire() 函數之前載入。最後請檢查瀏覽器控制台選項以確定是否是某些 JS 錯誤，而不是刀片錯誤。
調換
@push和@component的順序@push('scripts') @endpush @component('admin.layouts.content' , ['title' => 'example file']) @slot('breadcrumb')另一種選擇是將主轉換為元件
… {{ $scripts ?? '' }} {{ $slot }}並將內容轉換為元件
然後你可以將all.blade.php寫成