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

{
  path: '/dashboard',
  name: 'Dashboard',
  component: Dashboard,
  meta: {
    title: 'Dashboard - 云计算平台'
  }
},
{
  path: '/profile',
  name: 'Profile',
  component: Profile,
  meta: {
    title: '个人资料 - 云计算平台'
  }
},
// 其他路由配置...

import { CBreadcrumbRouter } from '@coreui/vue';

// 监听路由变化
CBreadcrumbRouter.afterEach((to) => {
  // 获取当前路由的meta字段中定义的页面标题
  const pageTitle = to.meta.title || '云计算平台';

  // 动态更新页面标题
  document.title = pageTitle;
});

<template>
  <div id="app">
    <CBreadcrumbRouter :routes="routes" />
    <router-view />
  </div>
</template>

<script>
import { CBreadcrumbRouter } from '@coreui/vue';

export default {
  components: {
    CBreadcrumbRouter
  },
  data() {
    return {
      routes: [
        // 路由配置...
      ]
    };
  }
};
</script>