So implementieren Sie die effizienteste Datenbanksuchmethode in Laravel's Inertia/Vue
<p>Ich möchte die Kundenliste durchsuchen und die Komponente unverändert ändern. </p>
<p>Ich suche derzeit über diesen Link /customer/$searchColumn/$searchTerm?page=4</p> nach einem bestimmten Kunden.
<p>Das gibt mein Controller zurück</p>
<pre class="brush:php;toolbar:false;">return Inertia::render('Dashboard', [
'customers' => Customer::whereLike("nr", (string)$request)->paginate(10),
]);</pre>
<p>Rendert eine paginierte Tabelle aller gefundenen Elemente. </p>
<p>Vue ist derzeit sehr einfach:</p>
<pre class="brush:php;toolbar:false;">
<pre class="snippet-code-html lang-html Prettyprint-override"><code><script setup>
importiere { usePage } aus '@inertiajs/vue3'
Paginierung aus „@/mycompany/Pagination.vue“ importieren;
const page = usePage()
</script></code></pre>
<Code>
</code></pre>
<p>Im Frontend rendere ich eine Tabelle mit:</p>
<pre class="brush:php;toolbar:false;">
<pre class="snippet-code-js lang-js Prettyprint-override"><code>v-for="customer in $page.props.customers.data"</code></pre>
<Code>
</code></pre>
<p>Ich möchte ein Suchfeld oben in der Tabelle, das die Ergebnisse während der Eingabe neu lädt. </p>
<p>Ich weiß nicht, wo ich anfangen soll. </p>