Javascript 是否可以使用#slot+&引用；“什么？”/v型槽：没有自定义元素的东西？

我正在使用Vue js v2，目前在如何正确使用动态布局中的插槽方面遇到了问题。首先，我指的是关于使用meta-on-routes文件制作动态布局的问题

它正在按预期工作

这是我的4个文件，它与我的布局相关

App.js

<template>
  <div id="app">
    <component :is="this.$route.meta.layout || 'div'">
      <router-view/>
    </component>
  </div>
</template>

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

layouts/AuthLayout.vue

<template>
  <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }">
    <sidebar></sidebar>
    <navbar></navbar>

    <main class="h-full overflow-y-auto">
      <div class="container grid px-6 mx-auto">
        <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200">
          <slot name="pageTitle" />
        </h2>

        <slot />
      </div>
    </main>
  </div>
</template>

视图/Auth/Dashboard.vue

<template>
  <div>
    <template #slot="pageTitle">
      Home Page
    </template>

    ...
  </div>
</template>

主页
...

现在的问题是，在我遵循给定的教程之后，不再使用这样的模式

<owner-element>
  <template v-slot:pageTitle>
    Home Page
  </template>

  ...
</owner-element>

主页
...

因此，我还没有找到使动态插槽工作的最佳解决方案。我尝试在没有所有者自定义元素或替代项的情况下搜索动态插槽，但失败了。我不能再继续下去了，因为我被插槽问题困住了

如果有人能引导我通过正确的模式，一个替代方案，或者提供一些关于如何创建动态插槽的链接，我将不胜感激

正如教程中提到的问题1:route change上的重新招标是我尝试遵循这种布局模式的原因

提前谢谢

<owner-element>
  <template v-slot:pageTitle>
    Home Page
  </template>

  ...
</owner-element>