未捕获错误：Ziggy 错误：即使已提供'x'参数，路由'y'也需要'x'参数

Question

我一直收到这个错误。我的应用程序有价值组件搜索产品:

<template>
<form @submit.prevent="searchProduct">
<input
placeholder="Search"
v-model="form.q"
type="search"/>
</form>
</template>
<script>
export default {
data() {
return {
form: this.$inertia.form({
_method: "get",
q: '',
}),
};
},
methods: {
searchProduct() {
this.form.get(route('search.product', {q : this.q}), {
errorBag: "validate_q",
preserveScroll: true,
});
},
},
};
</script>

在my web.php

// Search product
Route::get('search/{q}', [ProductController::class, 'search'])->name('search.product');

我想知道为什么会发生这个错误?我使用Laravel jetstream + inertiajs

Answer 1

我相信你错过了对你的表单的引用:

// replace this
this.form.get(route('search.product', {q : this.q}), {
// with this
this.form.get(route('search.product', {q : this.form.q}), {

另外，请注意，您将q传递为路由参数，也传递为查询字符串参数。

form: this.$inertia.form({
_method: "get",
q: '', // this will be passed as a query string param
}),