javascript - 如何在 laravel Blade 模板中包含与渲染文件相对应的 js 文件?

标签 javascript laravel-5 laravel-blade

在我的 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 也应包含在内。如何包含相应 Blade 文件的 js 文件?

我的page1.blade.php

@extends('layouts.app')

@section('content')
<section class="content-header">
  <h1>
    Page 1
  </h1>

</section>
@endsection

最佳答案

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

关于javascript - 如何在 laravel Blade 模板中包含与渲染文件相对应的 js 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52080097/

相关文章:

javascript - 简单的可重用的 JavaScripttoggle() 脚本?

php - 如何获取资源集合中的分页链接 - Laravel 5.7.19

拉拉维尔 5.2 : Extending Blade by passing an object instead of a string

php - Laravel 中的@yield、@section

php - undefined variable : categories in Blade Laravel 6. 4.0

javascript - 传递数据查看时JS中的"SyntaxError: unterminated string literal"

javascript - 子项作为文本不会显示在 React Native 的文本组件中

javascript - 在 AngularJS 和 Typescript 的 $http 回调中使用 'this'

javascript - 在浏览器中播放 MP3

php - laravel Controller 名称应该是复数还是单数?