在 CoreUI 的 CBreadcrumbRouter 中動態更改頁面標題

Question

我正在使用 CoreUI 管理模板處理 VueJS 項目。

有沒有辦法修改當前頁面的標題，因為它顯示在 CBreadcrumbRouter 上？ 根據 GitHub，該腳本似乎更喜歡顯示 meta.label 后跟路由器的 name 屬性。 但是，我還沒有找到有關如何從內容頁面更改顯示的選項或說明。 我想使用 call 參數在此處顯示不同的文本。 我已經嘗試了以下方法，但似乎不起作用：

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

它應該顯示path / to / my / {script defined page name} ，而不是path / to / my / page 。

Answer 1

Meta 是只讀屬性，可以在路由器實例上分配（它是路徑對象的屬性）

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

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

Answer 2

如果您沒有在路由器上定義它，您實際上可以從頁面設置元標簽屬性。 如果你在路由器上設置它，它不會更新。 所以在configRoutes() ，不要設置元標記！ 否則不會更新。