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

Question

tl;博士:

在 Vue.js vue-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

在 vue 1.* 中这是不可能的，但在 2.0 中可以通过使用 /(@):username 来完成。