为了账号安全,请及时绑定邮箱和手机立即绑定

如何在 laravel Blade 模板中使用 JS 文件?

如何在 laravel Blade 模板中使用 JS 文件?

泛舟湖上清波郎朗 2022-06-16 10:39:44
我需要在 laravel 刀片模板中进行数学计算。网页:<div class="col-md-1">                <label for=" ">Qunatity</label>                <input type="number" class="form-control" name="total_Qut" id="t1" onkeyup="val()" placeholder="Qunatity" >                <div class="invalid-feedback">                </div>            </div>            <div class="col-md-1">                <label for="validationCustom05">Rate/Unit</label>                <input type="number" class="form-control" name="rate" id="t2" onkeyup="val()" placeholder="Price Per Unit" required>                <div class="invalid-feedback">                </div>我打电话给JS:function id(id){return document.getElementById(id);}         var val1 = 0;         var val2 = 0;        function val()        {        val1 = parseInt(id("t1").value);        val2 = parseInt(id("t2").value);        id("tot").innerHTML = ((val1 > 0 && val2 > 0))? val1 * val2 : 0;        };我尝试了 3 种方法: 1. 在下面的部分中添加。添加到标题。@stack - 我不知道,如何使用它。添加代码的最佳做法是什么?
查看完整描述

1 回答

?
白猪掌柜的

TA贡献1893条经验 获得超10个赞

我更喜欢第三种方式,因为它只会将其加载到页面而不是其他页面上。要执行第三个选项,您可以编辑通常存在的主刀片页面layouts/app.blade.php并添加@stack('js')您希望 javascript 存在的位置。(在结尾<body>)


然后在任何@extends('layouts.app')你可以使用的刀片文件中


@push('js')

<script src="{{ asset('js/myjavascript.js')}}"></script>

@endpush


查看完整回答
反对 回复 2022-06-16
  • 1 回答
  • 0 关注
  • 310 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信