vue params传参注意事项:使用命名路由,才能将传入的参数显示到url地址上

路由配置为非命名路由时:

  {
    path: '/user/:id',
    component: User
  }

页面中params传参:

 <router-link :to="{path: 'user', params: {id: 1}}">用户</router-link> 

效果:url中不显示传入的参数

---------------------------------------------------------------------------------------------------------------------------------

给路由添加命名:

  {
    ...
    name: 'user'
    ...  
  }

 页面中使用命名路由name属性,params传参:

<router-link :to="{name: 'user', params: {id: 1}}">用户</router-link>

效果:url中显示传入的参数

猜你喜欢

转载自blog.csdn.net/u010234868/article/details/121648283
今日推荐