如何在Laravel的Inertia/Vue中實現效率最高的資料庫搜尋方法
P粉458725040
P粉458725040 2023-08-15 18:05:26
0
1
533
<p>我想要搜尋客戶清單並按原樣更改元件。 </p> <p>目前我使用此連結搜尋特定客戶 /customer/$searchColumn/$searchTerm?page=4</p> <p>這是我的控制器回傳的內容</p> <pre class="brush:php;toolbar:false;">return Inertia::render('Dashboard', [ 'customers' => Customer::whereLike("nr", (string)$request)->paginate(10), ]);</pre> <p>渲染一個有分頁的所有找到的項目的表格。 </p> <p>Vue目前很簡單:</p> <pre class="brush:php;toolbar:false;"> <pre class="snippet-code-html lang-html prettyprint-override"><code><script setup> import { usePage } from '@inertiajs/vue3' import Pagination from '@/mycompany/Pagination.vue'; const page = usePage() </script></code></pre> <code> </code></pre> <p>在前端,我用以下方式渲染一個表格:</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>我想要一個位於表格頂部的搜尋框,當我輸入時重新載入結果。 </p> <p>我不知道從哪裡開始。 </p>
P粉458725040
P粉458725040

全部回覆(1)
P粉903969231

對於這種情況,您可以使用常規的ajax/fetch請求來完成。

Inertia仍然利用laravel進行路由,所以沒有某種請求或重定向是不可能完成這種表單請求的。

甚至inertia.js的創建者也支援使用xhr/fetch請求與inertia一起使用

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板