books/src/pages/Desk.vue

<template>
  <div class="flex">
    <Sidebar class="w-56" />
    <div class="flex flex-1 overflow-y-hidden bg-white">
      <keep-alive include="InvoiceForm">
        <router-view class="flex-1" :key="$route.fullPath" />
      </keep-alive>
      <div class="flex" v-if="$route.query.edit && $route.query.doctype && $route.query.name">
        <keep-alive>
          <router-view name="edit" class="w-80 flex-1" :key="$route.query.doctype + $route.query.name"/>
        </keep-alive>
      </div>
    </div>
  </div>
</template>
<script>
import Sidebar from '../components/Sidebar';
export default {
  name: 'Desk',
  components: {
    Sidebar
  }
};
</script>