为了账号安全,请及时绑定邮箱和手机立即绑定

router-link

to属性写成这样

<li><router-link :to="{name: 'user'}">个人中心</router-link></li>

不起作用,提示:[vue-router] Route with name 'user' does not exist

写成

<li><router-link to="/list">新闻列表</router-link></li>就可以正常跳转


正在回答

1 回答

很有可能是由于你在创建router的时候,没有给这个router一个属性 name。

正确的写法如下:

JS:
const router = new VueRouter({
  routes: [
    {
      path: '/user/:userId',
      name: 'user',
      component: User    }
  ]})

Route:
<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>

参考:命名路由

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信