выкладывать ссылку на гитхаб-репозиторий. Но надеюсь, администрация простит:
https://github.com/averlor/todo-list
Имеется приложение Todo-list, не совсем стандартное.
Три линка:
home - '/'
group - '/:groupName'
taskedit - '/:groupName/:taskName/edit'
первый линк выводит все имеющиеся группы,
второй - выводит все задачи конкретной группы,
третий - страничка редактирования конкретной задачи в группе.
Проблема заключается в третьем линке. Не отображается задача в таблице.
Что делал:
В store.js создал следующий геттер:
GetTodosCurrentTask: state => title => titleTask => {
return state.todos.find(todo => todo.title === title)['tasks'].filter(task => task.titleTask === titleTask)
}
Который должен вернуть мне массив с одним объектом(конкретной задачей в группе)
В компоненте получил геттер с помощью вычисляемого свойста:
todosCurrentTask() {
console.log(this.$route.params.groupName, this.$route.params.taskName);
return this.$store.getters.GetTodosCurrentTask(this.$route.params.groupName, this.$route.params.taskName);
}
Оба параметра выводятся в консоль адекватно.
затем в нужно элементе пробегаю циклом:
<TaskEdit v-for="task in todosCurrentTask" :key="task.id" :task="task"/>
и ничего не выводит. Где может быть ошибка и как ее исправить?
UPD: никаких ошибок не выдает ни в терминале, ни в консоле браузера.
Компоненты для третьего линка: TaskEdit.vue
View: TaskEdit.vue
Либо ты проблегаешься где нибудь в created, что неверно. Либо потерял реактивность.
Обсуждают сегодня