Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.
I watch for when the search input changes, then make a get request to laravel that returns members that match the search query. How do I save the response to my members variable.
let sponsorsearch = ref('');
let members = ref([]);
let form = useForm({
name: null,
email: null,
country: 'Nigeria',
state: null,
lga: null,
gender: null,
title: 'Choose a title',
mobile: null,
business_name: null,
dob: null,
serial_no: null,
r_address: null,
p_address: null,
working_status: 'Working Status',
description: null,
sponsorid: null,
})
watch(sponsorsearch, value => {
Inertia.get('/getsponsors', {search: value}, {
preserveState: true,
onFinish: members
});
});
Controller method
public function index (Request $request) {
return Member::where('name', 'like', '%' . $request->search . '%')->get();
}
You need to return an inertia response. And return both the search and the result, and inertia gets both as props
Normally you use the same route you are already on
Example from the demo app https://github.com/inertiajs/pingcrm/blob/master/app/Http/Controllers/OrganizationsController.php#L16
https://github.com/inertiajs/pingcrm/blob/master/resources/js/Pages/Organizations/Index.vue#L97
Actually, I don't want to rerender the page, I just need this data to populate a select input field. so the user can pick a sponsor and continue with the registration. I have switch to using axios and now axios complain that members is not defined
let sponsorsearch = ref('');
let members = ref([]);
let form = useForm({
name: null,
email: null,
country: 'Nigeria',
state: null,
lga: null,
gender: null,
title: 'Choose a title',
mobile: null,
business_name: null,
dob: null,
serial_no: null,
r_address: null,
p_address: null,
working_status: 'Working Status',
description: null,
sponsorid: null,
})
watch(sponsorsearch, value => {
// Inertia.get('/getsponsors', {search: value}, {
// preserveState: true,
// });
axios.get('/getsponsors', {params: {search: value}})
.then((data) => {
this.members = data.data
})
});
The error I get in console
TypeError: Cannot set properties of undefined (setting 'members')
@successdav then use plain axios and set state manually
Please or to participate in this conversation.