I am currently in the process of developing a simple Phonebook application that includes a table with nested data. My framework of choice for this project is element ui.
The primary function of this app is to add new contacts and nested contacts when selecting a contact as a "leader". New contacts and nested contacts for preset contacts are being added successfully.
However, I encountered an error stating "Maximum call stack size exceeded" when attempting to add a nested contact to a newly created contact. Here is the code snippet:
App.vue
<template>
<div id="app">
<ContactsTable :list="list"/>
<ModalForm :list="list" @submitForm="onFormSubmit"/>
</div>
// Rest of the original code here...
If anyone can help me identify the issue and provide insights on how to add child contacts to all nesting levels, I would greatly appreciate it. Thank you in advance!