在页面末尾添加laravel组件javascript代码



我只有一个组件,我想在主页面底部添加组件脚本代码,这样可以更快地加载页面。我该怎么做?

:每个脚本都必须写在其组件文件上。

您可以在父组件@stack('scripts')中编写此内容,在子组件中可以像这样编写@push('scripts)

您的子组件代码将类似于此

@push('scripts')
<script src="example.js"></>
@endpush

它只会在您加载子组件时将脚本推送到父组件。

创建一个刀片文件,用于放置所有脚本链接。让我在资源目录中创建一个文件,并将其命名为javascripts.blade.php。该文件可能如下所示。

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<script>
window._token = '{{ csrf_token() }}';
</script>

@yield('javascript')

注意,我把@yield('javascript')放在了底部。现在您可以在<body></body>标签中使用它,只需使用@include(javascripts),或者如果您的脚本文件在文件夹中,则可以使用@include(folderName.javascripts)

最新更新