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

【问题标题】：Dynamically change page title in CoreUI's CBreadcrumbRouter在 CoreUI 的 CBreadcrumbRouter 中动态更改页面标题
【发布时间】：2020-06-30 14:31:24
【问题描述】：

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

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

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

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

【问题讨论】：

标签： javascript vue.js vue-router core-ui

【解决方案1】：

元是只读属性，可以在路由器实例上赋值（它是路径对象的属性）

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

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

【讨论】：

【解决方案2】：

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

【讨论】：