问如何向Vue路由器路径添加浮点验证？

EN

更新：

Vue路由器使用的path-to-regexp版本为1.7.0.差不多吧。它的确切方式是复杂的，但我相信1.7.0提供了最好的匹配。

考虑到这一点，我想到了这个：

path: '/category/:category([0-9]+)/:post([-+]?[0-9]*\\.?[0-9]+)',

这与我最初的答案有点不同，但如果您将版本更改为1.7.0，也可以使用我提到的测试站点进行测试。

我在Vue路由器上测试过这个，它似乎对我有用。我还没用Nuxt测试过呢。

这里的“诀窍”是，它不是整数的特例，而是通过使点可选来自动匹配。这就消除了路径中的一些特殊符号，为它与path-to-regexp的疯狂冲突留下了更少的空间。

原始答案：

我做了一些使用特快路线测试器的实验，我相信它使用的path-to-regexp库与Vue-路由器/Nuxt相同：

https://forbeslindesay.github.io/express-route-tester/

这似乎适用于我：

/category/:category(\d+)/:post([-+]?(\d{0,}.\d+|\d+))

更改：

slashes.

• Removed

• 移除点前的反斜杠

1. ，
2. 将*更改为{0,}，否则将*转换为.*，而12xxx.34则会将[0-9]转换为\d。这两种方法都可以，如果您必须将其写入字符串，则使用[0-9]可以更容易地避免斜杠转义。无论你选择哪一个，都要保持一致。--