vue.js - 如何在 Nuxt js 中使用命名路由?
问题描述
问题
嵌套路由时,如何以 Nuxt 用户的身份以编程方式导航?我知道我可以this.$router.push({ name: "exchanges" })
用来将用户推送到交换页面,但是当路由嵌套时,我不知道该怎么做。如果我使用this.$router.push({ path: "exchanges/create" })
or this.$router.push("exchanges/create")
,“exchanges/create”会被添加到 URL 中,即使我已经在该当前 URL 中。
此外,页面组件名称是“ExchangesPage”、“EachExchangePage”、“CreateExchangePage”和“HomePage”。当我尝试将其用作命名路由的名称时,这不起作用。
./pages 中的当前文件结构
pages/
--| exchanges/
-----| _userId/
--------| index.vue
-----| create/
--------| index.vue
--| index.vue
解决方案
推荐阅读
- angular - 编写需要按顺序运行的 e2e 测试的最佳实践是什么?
- node.js - 如何从 Firebase 云功能将视频上传到 youtube
- dart - Dart - true 和 false 都是编译时常量,为什么它不改变状态?
- sql - 正则表达式替换嵌套括号匹配中的字符,或仅替换匹配之外的文本
- networking - 如何在设置了 cookie 的情况下将请求重定向到不同的域/ip:port?
- windows-runtime - 是否可以为 Windows 运行时组件(C++/WinRT)添加版本?
- amazon-web-services - 为 Autoscaling Group 中的实例分配静态弹性 IP
- javascript - 我可以使用返回加权布尔值的函数来实现加权随机性吗?
- python-3.x - ImportError:无法从“countstring”导入名称“count_hi”
- pandas - 如何从 Google 表格上传到 BigQuery?我可以通过 Pandas DF 来完成吗?