javascript - Vue.js 路由路径中的参数前缀

Question

tl;博士：

在 Vue.jsvue-router中，我们如何使路由param立即跟随非/字符并且仍然被解析？

--

解释

我希望一些网址看起来像：

example.com/_myuser
example.com/_otheruser

在 Flask 中，这可以通过以下方式完成：

@app.route('/_<username>')
def user_page(username):
    pass

print(url_for('user_page', username='myuser'))
# example.com/_myuser

但我找不到一种方法来使这项工作在vue-router. 当我尝试：

router.map({
    '/_:username': {
        name: 'user-page',
        component: User
    }
})

该username参数根本不会解析（在模板中，也不是在浏览器的地址栏中键入时）：

<a v-link="{ name: 'user-page', params: { username: 'myUser' } }">Hello</a>

expected      <a href="/_myUser">Hello</a>
result        <a href="/_:username">Hello</a>

Answer 1

In vue 1.* this isn't possible but in 2.0 this can be done by using /(@):username.

Answer 2

更新：今天我所要求的在vue-router.

请参阅https://github.com/vuejs/vue-router/issues/499了解相关的 GitHub 问题，以及实现此功能的可能方法。