如何将 JavaScript 放入 Laravel make:auth
Posted
技术标签:
【中文标题】如何将 JavaScript 放入 Laravel make:auth【英文标题】：How to put JavaScript in 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 警告
先生添加了一些代码，感谢您注意到我并回答我的问题
【参考方案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 的视图都无法访问它。
【讨论】：
以上是关于如何将 JavaScript 放入 Laravel make:auth的主要内容，如果未能解决你的问题，请参考以下文章
Grails：如何将 javascript/ajax 放入 taglib 中？
如何将 JavaScript 函数的结果放入 python 变量中。 PyQt