vue的admin框架如何动态设置路由标题

在Vue的Admin框架中，可以通过动态设置路由的meta字段来设置路由标题。具体步骤如下：

1. 在路由配置中添加meta字段，用于存储路由标题信息：

{
  path: '/dashboard',
  name: 'dashboard',
  component: Dashboard,
  meta: {
    title: 'Dashboard'
  }
}

2. 在App.vue组件中监听路由变化，根据当前路由的meta字段来更新页面的标题：

<template>
  <div class="app-container">
    <header>
      <h1>{{pageTitle}}</h1>
    </header>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  computed: {
    pageTitle() {
      const route = this.$route
      const title = route.meta && route.meta.title
      if (title) {
        return title
      }
      return 'Default Title'
    }
  }
}
</script>

这样，当路由发生变化时，页面标题也会随之更新。如果当前路由没有设置meta字段来存储标题信息，则默认显示"Default Title"。