如何将 JavaScript 放入 Laravel make:auth答案

【问题标题】：How to put JavaScript in Laravel make:auth如何将 JavaScript 放入 Laravel make:auth
【发布时间】：2020-08-12 02:08:12
【问题描述】：

大家好，这里是laravel的新手，我只是想问一下如何将JS放入运行php artisan ui vue --auth时自动创建的文件中，因为每当我尝试将其添加到resources/views/auth/register.blade.php时，我都会得到

[Vue 警告]：编译模板时出错：模板应该只负责将状态映射到 UI。避免在模板中放置带有副作用的标签，例如，因为它们不会被解析。

对不起，我只是想知道如何添加css，以及如何添加css，非常感谢您

<div class="container">
<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header">Dashboard</div>

            <div class="card-body">
                @if (session('status'))
                    <div class="alert alert-success" role="alert">
                        {{ session('status') }}
                    </div>
                @endif

                You are logged in!
            </div>
        </div>
    </div>
</div>

这里有更多代码，因为他们不允许

@endsection

【问题讨论】：

修复命令先生，抱歉，因为它是通过运行php artisan ui vue --auth 生成的，并且每当我尝试将添加到它的末尾时它都会显示 Vue 警告
先生添加了一些代码，感谢您注意到我并回答我的问题

标签： javascript php jquery laravel vue.js

【解决方案1】：

您正在尝试将<script> 添加到您的刀片@section，这就是您收到该错误的原因。有几种方法可以做到这一点。

1.. 将您的脚本标签添加到 views/layouts/app.blade.php 的 </body> 标签之前，例如：

<script></script>
</body>
</html>

2.. 将它们放在您的 <head> 标记中并添加 defer 属性

<script defer></script>

您的register.blade.php 和任何其他扩展app.blade.php 的视图现在都可以访问这些脚本，因为它扩展了app.blade.php 布局。

3.. 使用 Blade @stack 指令将您的脚本推送到堆栈。堆栈可以命名，在本例中，我们只需使用名称scripts。将此添加到register.blade.php

@push('scripts')
<script></script> <!-- Add your JS file or JS code -->
@endpush`

现在您可以在app.blade.php 的<head> 标签中放置@stack('scripts')

注意：只有register.blade.php 会加载此脚本，任何其他扩展app.blade.php 的视图都无法访问它。

【讨论】：