在 CoreUI 的 CBreadcrumbRouter 中动态更改页面标题

Dynamically change page title in CoreUI's CBreadcrumbRouter

我正在使用 CoreUI 管理模板开发 VueJS 项目。

有没有办法修改当前页面的标题,因为它显示在 CBreadcrumbRouter 上?根据 GitHub,脚本似乎更喜欢显示 meta.label 后跟路由器名称 属性。但是,我还没有找到关于如何从内容页面更改显示的选项或说明。我想在这里使用调用参数显示不同的文本。我已经尝试了以下方法,但它似乎不起作用:

this.$route.meta.label = 'bla';

而不是 path / to / my / page,它应该显示 path / to / my / {script defined page name}

Meta 是只读的属性,可以在路由器实例上分配(它是路径对象的属性)

meta: { label: 'custom-label' },

https://router.vuejs.org/api/#router-construction-options

如果您没有在路由器上定义,您实际上可以从页面设置元标签 属性。如果您在路由器上设置它,它不会更新。所以在configRoutes()中,不要设置meta标签!否则不会更新。