Using dash in the dynamic route name in Nuxt.js(在Nuxt.js中的动态路由名称中使用破折号)
本文介绍了在Nuxt.js中的动态路由名称中使用破折号的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如您所知,为了在Nuxt.js中拥有动态路由,我们应该在动态名称之前使用下划线(_)。例如,文件名应为:
问题是我想写一些类似文章名的东西,而不是id。但是,文件夹的名称应为:
会导致错误并破坏项目。我如何修复它?
推荐答案
Nuxt不支持带短划线的动态路由名称。
将动态路由名称(即这里的article-name
)传递给path-to-regexp
(通过Vue路由器),这要求命名参数由单词字符(字母数字字符和下划线)组成。
可能的解决方法是使用下划线而不是破折号:
demo
这篇关于在Nuxt.js中的动态路由名称中使用破折号的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!