Javascript Vuejs路由器3.0.1路径问题

Javascript Vuejs路由器3.0.1路径问题,javascript,vue.js,vue-router,Javascript,Vue.js,Vue Router,我刚刚遇到一个奇怪的问题,我不知道如何解决它。 以下是一些路由配置的示例: routes: [ { path: '/signin', name: 'signin', component: SignIn }, { path: '/message/:messageType', name: 'message', component: Message, props: true } ] 导航到各种路由工作得很好,但是当我在消息组件上

我刚刚遇到一个奇怪的问题,我不知道如何解决它。 以下是一些路由配置的示例:

routes: [
  {
    path: '/signin',
    name: 'signin',
    component: SignIn
  },
  {
    path: '/message/:messageType',
    name: 'message',
    component: Message,
    props: true
  }
]
导航到各种路由工作得很好,但是当我在消息组件上并尝试导航到任何其他路由时,就会出现问题。我的url如下所示:

单击“登录”链接时,我得到以下路径:

而不是

我正在使用常规路由器链接:

<router-link to="signin">Sign In</router-link>

我知道它与最近的路由匹配,但这对我来说是个问题。

请参阅命名路由的文档:。我认为你需要这样写你的链接:

使用者
换句话说,我认为您需要为具有name属性的对象赋予属性。

请参阅命名路由的文档:。我认为你需要这样写你的链接:

使用者 换句话说,我认为您需要为具有name属性的对象赋予to属性。

从的文档中,to属性是相对于根的相对路径:

目标位置是用to道具指定的。它呈现为 默认情况下,使用正确的href标记

因此,如果您想在不传递对象的情况下使用router link元素,我认为您必须使用设置为path的内容,而不是name属性:

<router-link to="/signin">Sign In</router-link>
从的文档中,to属性是相对于根的相对路径:

目标位置是用to道具指定的。它呈现为 默认情况下,使用正确的href标记

因此,如果您想在不传递对象的情况下使用router link元素,我认为您必须使用设置为path的内容,而不是name属性:

<router-link to="/signin">Sign In</router-link>