使用Vue-Router路由信息生成页面标题

Question

这可能真的很容易，我只是想念一些东西。我有一个vue路由器页面，其中的链接都可以正确加载并正确显示。

困难的地方（对我而言）。

我想利用附加到每条路线上的一些元样式数据来提供页面标题。

例如：

{
    path: '/scenarios',
    meta: {
        title: "Scenarios!"
    },
    name: 'Scenarios', 
    component: Scenarios
}

带有元标题的路线。

我想在路由声明中从此处提取此数据

将其粘贴在这样的vue页面上：

<template>
    <span>
        {{ $route.name }}
    </span>

</template>

<script>
    export default {
        name: "PageTitle"
    }
</script>

（这实际上可以显示当前的路线名称）

我想像这样将其插入我的模板中

 <h1 class="h2">@yield('page-name')
      <page-title></page-title>
 </h1>

（我正在使用Laravel（我认为是5.8））

这个类似的帖子可能会（使用指令）Pass var to vue router in meta有所帮助，但是很高兴知道它是否比这更简单。有想法吗？

Answer 1

拧紧，我已经回答了我自己的问题

已更改：

<template>
    <span>
        {{ $route.name }}
    </span>

</template>

收件人：

<template>
    <span>
        {{ $route.meta.title }}
    </span>

</template>