Vue.js Vue路由器-缺少命名路由eror的参数

Vue.js Vue路由器-缺少命名路由eror的参数,vue.js,vue-router,Vue.js,Vue Router,我的id已成功传输到我的URL,但我不确定为什么会出现此错误。我尝试了一种方法,将默认参数添加到我的路径:'*',但没有效果 routes.js { 路径:'/objective/employee/:id', 名称:“员工目标”, 组件:()=>import(“@/views/EmployeeObjective”), meta:{requireAuth:true} }, 组件 仪表板 当前路线仍在建设中 {{employee.first_name} 导出默认值{ 数据:()=>({ 员工:

我的id已成功传输到我的URL,但我不确定为什么会出现此错误。我尝试了一种方法,将默认参数添加到我的
路径:'*'
,但没有效果

routes.js

{
路径:'/objective/employee/:id',
名称:“员工目标”,
组件:()=>import(“@/views/EmployeeObjective”),
meta:{requireAuth:true}
},
组件


仪表板

当前路线仍在建设中

{{employee.first_name} 导出默认值{ 数据:()=>({ 员工:[] }), 创建(){ 这是我的雇员名单() }, 方法:{ 雇员名单(){ axios .get(“/api/employees”) .然后(response=>this.employees=response.data) .catch(错误=>console.log(错误)) } } }
您的
员工
数据很可能缺少
id
字段

检查以下示例:

  • 使用
    id
    您的示例可以正常工作:
  • 如果没有
    id
    ,您将在控制台中看到
    [vue router]缺少命名路由“员工目标”的参数:需要定义“id”:

我在数据库中有id字段。但是你的代码笔太棒了,我会尝试通过你提供的代码来发现影响应用程序的其他因素。我现在找到了罪魁祸首。在我的
App.vue
中,我有一个导航抽屉,它也有一个指向
employee objective
的路由器链接,没有
params:{id:}
,现在我必须弄清楚如何在
params:{id://auth::user->id}上传递经过身份验证的用户id