在我的laravel应用程序中,我有以下代码的app.blade.php
<html>
<body>
<div>
@yield('content')
</div>
<script src="{{ asset('jquery.min.js') }}" ></script>
<script src="{{ asset('bootstrap.min.js') }}" ></script>
</body>
</html>
我有几个页面,如page1
,page2
等,每个页面呈现为page1.blade.php
等,这些页面有单独的JavaScript文件,如page1.js
,page2.js
。
page1.js
应仅包含在page1.blade.php
中,同样适用于page2.js
。如何为相应的刀片文件包含js文件?
我的page1.blade.php
是
@extends('layouts.app')
@section('content')
<section class="content-header">
<h1>
Page 1
</h1>
</section>
@endsection
您可以使用5.1版本之后的@stack方法。详情:https://laravel.com/docs/5.7/blade#stacks
app.blade.php
<html>
<body>
<div>
@yield('content')
</div>
<script src="{{ asset('jquery.min.js') }}" ></script>
<script src="{{ asset('bootstrap.min.js') }}" ></script>
@yield('script')
</body>
</html>
和page1.blade.php
@extends('layouts.app')
@section('content')
<section class="content-header">
<h1>
Page 1
</h1>
</section>
@endsection
@section('script')
<script src="{{ asset('page1.js') }}" ></script>
@endsection