Can the name of the named slot of vue be dynamically bound?

1. Child components:
clipboard.png

2.:
clipboard.png

3.:

clipboard.png

this is not successful, but I want to achieve the effect of clicking on different tags and inserting different content. How can I achieve that?
= ("Mr." *)

Mar.05,2021

Hello, landlord. I wrote a Demo, that can be dynamically bound. Here is my Demo code.

< H2 > parent component < / H2 >
<template>
  <div>
    <slot_>
      <h1 :slot="name">hello world!</h1>
    </slot_>
    <button @click="change">click</button>
  </div>
</template>

<script>
import slot_ from './slot.vue'
export default {
    components: { slot_ },
    data(){
      return {
        name: '',
        status: false
      }
    },
    mounted(){
      this.name = 'h1'
    },
    methods: {
      change(){
        this.name = this.status 
          ? 'h1' : 'h2';
        this.status = !this.status;
      }
    }
}
</script>
<style>
*{margin: 0}
</style>
< H2 > subcomponents < / H2 >
<template>
  <div>
      <div class="header">
          <slot name="h1"></slot>
      </div>
      <div class="footer">
          <slot name="h2"></slot>
      </div>
  </div>
</template>
<style scoped>
.header{
    background-color: pink;
    width: 200px;
    height: 60px;
}
.footer{
    width: 200px;
    height: 60px;
    background-color: green;
}
</style>
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3bbab-2c2ce.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3bbab-2c2ce.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?