nuxt.js - NuxtJS 子动态页面未使用 nuxt-link 导航到/呈现
问题描述
如果我的文件结构是:
- pages
-- catrules.vue
-- catrules/
---- _id.vue
子页面不呈现(但 url 更新并且页面停留在父页面上):
<nuxt-link :to="'/catrules/' + catrule.slug">{{ catrule.ruleid }}</nuxt-link>
如果我将目录的名称更改catrules
为catrule
,那么一切都按预期工作:
- pages
-- catrules.vue
-- catrule/
---- _id.vue
<nuxt-link :to="'/catrule/' + catrule.slug">{{ catrule.ruleid }}</nuxt-link>
解决方案
你必须使用这个结构:
- pages
-- catrules/
---- _id.vue
---- index.vue
所以只需将您的重命名pages/catrules.vue
为pages/catrules/index.vue
推荐阅读
- python - 当用户在 Python 中请求时,我如何调用整个函数?
- python - ValueError:无效的 RGBA 参数:在 colors.py 中
- c# - Xamarin Forms EntryCell 添加到 c# 中的现有 TableView 无法在 CustomViewModel 中访问
- python - 使用自定义损失函数时 model.fit() 出错
- stripe-payments - 通过 Stripe Checkout 支持免费试用
- android-download-manager - DownloadManager 无法在华为设备上运行
- html - 如何移动秤?
- python - 在 micropython 中重定向 Stderr?
- mysql - 使用具有相似列名的 sql 连接两个表
- google-cloud-platform - 谷歌云数据融合连接到informix