Bagaimana untuk melaksanakan kaedah carian pangkalan data yang paling cekap dalam Inertia/Vue Laravel
<p>Saya mahu mencari senarai pelanggan dan menukar komponen seperti sedia ada. </p>
<p>Saya sedang mencari pelanggan tertentu menggunakan pautan ini /customer/$searchColumn/$searchTerm?page=4</p>
<p>Inilah yang dipulangkan oleh pengawal saya</p>
<pre class="brush:php;toolbar:false;">return Inersia::render('Dashboard', [
'pelanggan' => Pelanggan::whereLike("nr", (rentetan)$request)->halaman(10),
]);</pre>
<p>Memberikan jadual bernombor semua item yang ditemui. </p>
<p>Vue pada masa ini sangat mudah:</p>
<pre class="brush:php;toolbar:false;">
<pre class="snippet-code-html lang-html prettyprint-override"><code><persediaan skrip>
import { usePage } daripada '@inertiajs/vue3'
import Penomboran daripada '@/mycompany/Pagination.vue';
halaman const = usePage()
</skrip></kod></pra>
<kod>
</code></pre>
<p>Di bahagian hadapan, saya memaparkan jadual menggunakan:</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>
<kod>
</code></pre>
<p>Saya mahukan kotak carian di bahagian atas jadual yang memuatkan semula keputusan semasa saya menaip. </p>
<p>Saya tidak tahu dari mana hendak bermula. </p>