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>