如何在 laravel 刀片模板中使用 JS 文件？

Question

我需要在 laravel 刀片模板中進行數學計算。

Html：

<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. 在下面的部分中添加。

添加到 header。

@stack - 我不知道，如何使用它。

添加代碼的最佳做法是什么？

Answer 1

我更喜歡第三種方式，因為它只會將其加載到頁面而不是其他頁面上。 要執行第三個選項，您可以編輯通常為layouts/app.blade.php的主刀片頁面，並在您希望 javascript 所在的位置添加@stack('js') 。 （在<body>的末尾）

然后在任何具有@extends('layouts.app')刀片文件中，您可以使用

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

如何在 laravel 刀片模板中使用 JS 文件？

問題描述

1 個解決方案

解決方案1
0 已采納 2020-04-07 02:34:48

如何在 laravel 刀片模板中使用 JS 文件？

問題描述

1 個解決方案

解決方案1 0 已采納 2020-04-07 02:34:48

解決方案1
0 已采納 2020-04-07 02:34:48