Laravel livewire，如何在刀片中包含 javascript 文件

Question

我會盡量避免重復的問題並盡可能清楚。 我最近創建了一個 js 腳本來對表進行過濾搜索，我需要將此文件包含在多個刀片上。 問題是如果將腳本粘貼到刀片中，該腳本可以工作，但我無法將其正確包含到刀片中，我試圖將其放入公用文件夾並安裝 mix，在這兩種情況下都不成功。 我確定問題出在我放置 js 文件的文件夾以及我如何嘗試包含它，但即使我嘗試了各種方式，我也沒有找到解決方案。

這是我的 js 文件（filtering_script.js）：

 //ricerca filtrata tra le tabelle

function Filtering() {
// Dichiara le variabili
var input, filter, table, tr, td, i, txtValue;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementById("myTable");
tr = table.getElementsByTagName("tr");


for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td")[0];
if (td) {
  txtValue = td.textContent || td.innerText;
  if (txtValue.toUpperCase().indexOf(filter) > -1) {
    tr[i].style.display = "";
  } else {
    tr[i].style.display = "none";
  }
}
}
}

我知道這可能是一個愚蠢的問題，但我無法真正解決它，希望有人幫助我，謝謝。

Answer 1

顯然這個問題不受歡迎，但我認為它可能對某些人有用，所以我會為從 laravel 開始的人發布解決方案。 如果你使用 livewire，你應該記住不要使用 npm 運行開發，而是使用 npm 運行構建，完成后在公共文件夾中創建兩個文件夾，“css”和“js”，然后將文件放在這里，以便他們可以訪問rest 的組件。 對於 javascript，放置在刀片內部的代碼是：

<script src="{{url('js/yourfile.js')}}"> </script>