网站首页 Vue 正文

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

作者：每一天，每一步更新时间： 2022-04-22 Vue

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

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

页面中params传参：

 用户

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

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

给路由添加命名：

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

页面中使用命名路由name属性，params传参：

用户

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

原文链接：https://blog.csdn.net/u010234868/article/details/121648283