我正在用NuxtJS构建通用应用程序。我不是专家,但是我之前曾多次使用Nuxt和Vue,但我仍然不知道为什么要这么做。
该应用程序还可以Vuex存储数据。
该应用程序的逻辑是:
在第1页中,我有我的收藏夹和搜索栏。 (收藏夹列表和搜索结果具有相同的组件以显示元素并单击该元素以查看其内容)。
如果我单击此组件框,它将运行
this.$router.push(`/orario/viewer/${this.id}`)
其中this.id
是要显示的元素的ID,也是必须在URL上放置的ID才能在第2页上执行查询。
现在我们来解决问题。 如果我单击某个收藏夹,则假设ID为ABC,它将打开http://localhost:8000/orario/viewer/ABC,这很好,这正是我想要的并且可以正常使用。 当我从另一个api的搜索查询中收到某个元素后,单击该元素时就会出现问题,因为即使该元素运行相同的功能并按相同的路径,它也会在地址栏中显示: http://localhost:8000/orario/viewer/[object对象],因此我无能为力,因为我无法访问ID。
我在推路由(console.log(this.id, typeof this.id)
之前就放了一个日志
单击收藏夹或在搜索后都显示ABC,字符串,但是第一次按预期运行(页面路径为http://localhost:8000/orario/viewer/ABC),而不是第二次页面路径为:http://localhost:8000/orario/viewer/[object Object] < / p>