vue3： 插槽如何穿层使用

Question

<steps>
    <a slot"a"></a>
    <step></step>
    <step></step>
    <step></step>
</steps>

其实上面的a，是要用在step里的

steps.vue

 <div>
    <slot></slot>  // 这里其实就是step
 </div>

step.vue

 <div>
    <slot name="a"></slot>
    ...
 </div>

Answer 1

不是很明白你意思，但我大概猜你想要这种

<steps>
    <step><a slot="a"></a></step>
    <step></step>
    <step></step>
</steps>

Answer 2

修改a文件

<steps>
    <template #a>  
        <a slot"a"></a>
    </template>

    <step></step>
    <step></step>
</steps>