I am encountering an issue with the Update functionality on my CRUD application.
Below is the form that is utilized for both creating and updating:
<template>
<form @submit.prevent="submitForm">
...
</form>
</template>
<script>
export default {
props: ["submitForm", "ticket"]
};
</script>
<style></style>
Here is the Update view template:
<template>
<TicketForm :ticket="ticket" :submitForm="updateTicket" />
</template>
...
The error occurs when attempting to edit a 'ticket' and inputting data in one of the fields. For instance, when setting the Client Name as 'client name', the following errors occur:
vue.runtime.esm.js?2b0e:619 [Vue warn]: Cannot set reactive property on undefined, null, or primitive value: client name
partial:
vue.runtime.esm.js?2b0e:1888 TypeError: Cannot use 'in' operator to search for 'value' in client name at Proxy.set (vue.runtime.esm.js?2b0e:1076) at input
Do you have any insights on what might be causing this issue?