javascript - 将参数传递给 Vue 路由器元标题

Question

我正在尝试为 Vue 路线创建动态标题。看来我找不到将参数传递到元标题的方法。我需要它，因为我有一个 VueHeader 组件，它从路由元标题呈现标题。这是我的代码:

  {
    path: '/case/:id',
    name: 'edit-case',
    component: VueEditCase,
    meta: {
      title: 'Edit case ' + $route.params.id,
    },
  },

但是，我收到错误 Uncaught ReferenceError: $route is not Defined。如果我有 title: 'Edit case ' + this.$route.params.id 或 title: 'Edit case ' + route.params.id 或 ，也会发生同样的情况>标题:'编辑案例' + this.route.params.id。我还尝试过 title: 'Edit case ' + ':id' 等。

我在互联网上找不到任何答案，所以我在这里请求你们的帮助，伙计们。有人遇到过类似的问题并解决了吗？

这是其他正在运行的路线的图像:

这是我如何在标题中呈现元标题的图像:

以下是输入相应示例路由时标题的外观:

Answer 1

我曾经试图完成同样的事情，但不幸的是，我认为这是不可能的。如this guy says on GitHub ，路由器的元数据故意是静态的。

如果您尝试将文档设为 <title>标签动态，我建议你尝试Vue-Meta 。我真的很喜欢这个插件，并在每个 Vue SPA 项目中使用它。