如何在laravel刀片模板中包含js文件对应的渲染文件?

问题描述 投票:0回答:2

在我的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>

我有几个页面,如page1page2等,每个页面呈现为page1.blade.php等,这些页面有单独的JavaScript文件,如page1.jspage2.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
javascript laravel-5 laravel-blade
2个回答
1
投票

您可以使用5.1版本之后的@stack方法。详情:https://laravel.com/docs/5.7/blade#stacks


3
投票

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
© www.soinside.com 2019 - 2024. All rights reserved.