Я создаю универсальное приложение с NuxtJS.Я не эксперт, но я использовал Nuxt и Vue много раз, но до сих пор не могу понять, почему он это делает.
Приложение также Vuex для хранения данных.
ЛогикаПриложение: На странице 1 у меня есть избранное и панель поиска.(список избранного и результаты поиска содержат один и тот же компонент, чтобы показать элемент и щелкнуть по нему, чтобы увидеть его содержимое).Если я нажимаю на этот компонентный блок, он запускает this.$router.push(`/orario/viewer/${this.id}`), где this.id - это идентификатор элемента, который нужно показать, а также идентификатор, который должен быть помещен в URL для выполнения запроса на странице 2.
Теперь мы подошли к проблеме.Если я нажимаю на избранное, скажем, идентификатор ABC, он открывает http://localhost:8000/orario/viewer/ABC,, что хорошо, это то, что я хочу, и это работает ожидаемым образом.Проблемы возникают, когда я нажимаю на элемент после того, как получил его от поискового запроса от другого API, потому что, даже если он выполняет ту же функцию и нажимает тот же путь, в адресной строке он показывает: http://localhost:8000/orario/viewer/[objectObject], поэтому я ничего не могу сделать, потому что не могу получить доступ к идентификатору.
Я ставлю журнал прямо перед тем, как протолкнуть маршрут (console.log(this.id, typeof this.id)) И то, и другое при нажатии на избранное или после поискаон печатает ABC, String, но в первый раз работает должным образом (путь к странице: http://localhost:8000/orario/viewer/ABC) вместо второго пути к странице: http://localhost:8000/orario/viewer/[object Object]