Ошибка неперехваченного типа, когда я хочу удалить по идентификатору

#axios #vuejs3

Вопрос:

Я использую Vue 3.0.0 и Axios 0.21.1. Я хочу удалить данные в файле JSON в соответствии с идентификатором. Нет никаких проблем с добавлением и извлечением, но когда я хочу удалить его, я получаю следующую ошибку с моим кодом.

 Uncaught TypeError: Cannot read properties of undefined (reading 'id')
 

Вот мой метод удаления:

 deleteToDo(todoList){
            axios.delete(`http://localhost:3000/todoList/${todoList.id}`).then(response_delete =>{
                console.log(response_delete)
            })
            .catch(error => {
                console.log(error)
            })
        }
 

Добавить метод:

 addToDo(e){
            const sendData = {
                description : e.target.value,
                date : new Date()
            }
            axios.post('http://localhost:3000/todoList', sendData).then(response_result =>{
                console.log(response_result)
            })
            
        },
 

Ответ №1:

Согласно сообщению об ошибке, todoList переданный вами метод deleteToDo должен быть неопределенным, вы можете добавить туда консоль, чтобы проверить, является ли это причиной.

И предполагаете, что вы должны передать методу TodoItem, а не ToDoList? Так как вы опубликовали всего несколько кодов…