在Nuxt.js中的动态路由名称中使用破折号

Using dash in the dynamic route name in Nuxt.js(在Nuxt.js中的动态路由名称中使用破折号)

问题描述

如您所知，为了在Nuxt.js中拥有动态路由，我们应该在动态名称之前使用下划线(_)。例如，文件名应为：

_id.vue

问题是我想写一些类似文章名的东西，而不是id。但是，文件夹的名称应为：

_article-name.vue

会导致错误并破坏项目。我如何修复它？

推荐答案

Nuxt不支持带短划线的动态路由名称。

将动态路由名称(即这里的article-name)传递给path-to-regexp(通过Vue路由器)，这要求命名参数由单词字符(字母数字字符和下划线)组成。

可能的解决方法是使用下划线而不是破折号：

_article_name.vue

demo

这篇关于在Nuxt.js中的动态路由名称中使用破折号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！