dataAI/src/layout/ToolsLayout.vue

<template>
  <div class="fullScreen d-flex flex-column">
    <div>
      <v-toolbar
        color="indigo"
        dark
      >
        <v-btn class="mr-3" text @click="$router.push('/')">
          <v-icon left>mdi-home-circle</v-icon>
          返回首页
        </v-btn>

        <v-toolbar-title>{{ $route.meta.title }}</v-toolbar-title>

        <v-spacer></v-spacer>
        <v-menu offset-y rounded>
          <template v-slot:activator="{ on, attrs }">
            <v-btn
              icon
              v-bind="attrs"
              v-on="on">
              <v-icon>mdi-dots-vertical</v-icon>
            </v-btn>
          </template>
          <v-list min-width="200">
            <v-list-item link @click="$store.dispatch('user/userLogout')">
              <v-list-item-icon>
                <v-icon>mdi-logout</v-icon>
              </v-list-item-icon>
              <v-list-item-title>
                退出登录
              </v-list-item-title>
            </v-list-item>
          </v-list>
        </v-menu>
      </v-toolbar>
    </div>
    <div class="layout-content">
      <keep-alive v-if="$route.meta.keepAlive">
        <router-view />
      </keep-alive>
      <router-view v-else />
    </div>
  </div>
</template>

<script>
export default {
  name: 'ToolsLayout'
}
</script>

<style lang="scss" scoped>
.fullScreen {
  width: 100%;
  height: 100%;
}
.layout-content {
  flex: 1;
  height: 0;
}
</style>