Cloud47
@Cloud47
Frontend, javascript, HTML, CSS

Верно ли организована маршрутизация и получение данных?

Здравствуйте, коллеги. Интересует ваше профессиональное мнение, комментарии об организации роутов и получении данных на примере ниже.
Есть главная страница, откуда нужно будет попасть на 2 другие:
604784508bddb975875380.png
Кейс 1 -
переход на страницу Full-report при нажатии на ссылку "View full report" на карточке:
6047857e30fb2823766593.png
Вопросы по первому кейсу:
1. Если передачу данных в компонент, который отрисовывает страницу Full-report, организовать так: в его поле дата получаем id из текущего роута
data(){
    return {
        id: this.$route.params[id]
    }
}

И по этому id обращаемся к списку товаров из Vuex`a, находим нужный товар с данными для отрисовки Full-report. Так делать нормально? Можно как-то прокинуть в ссылку "View full report" эти самые данные, по аналогии с props в компонентах? Тогда ведь можно будет избавиться от создания динамических роутов!? Не нужно будет выцеплять id из адресной строки.
2. Делать роут дочерним или на том же уровне, как лучше?
Кейс 2 -
переход на страницу Addnewmaterial при нажатии на ссылку "Add new material +" вверху на главной странице:
60485b2174e8f583504333.png
Собственно вопрос такой же как в пункте 2 первого кейса.
Впервые сталкиваюсь с такой задачей, интересует ваше видение решения.
  • Вопрос задан
  • 92 просмотра
Решения вопроса 1
yarkov
@yarkov Куратор тега Vue.js
Помог ответ? Отметь решением.
Роуты прекрасно поддерживают передачу пропсов. Читайте документацию внимательно))
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы