插槽能否不具名但是可以按顺序放到不同位置

中文
#1

父组件代码：
image
子组件代码（son)：
image
就是想将子项按顺序放入
不想用具名插槽是想省略编写template代码和设置名称属性

#2

不能

#3

你问能不能，肯定是能，但是最好别这样用

<script setup>
  import { useSlots, renderSlot } from 'vue'
  const slots = useSlots()
  const vnode = slots.default()[0]
  const children = vnode.children
</script>
<template>
  <div>
    <template v-for="node,index of children">
      <div v-if="index">----------------------------</div>
      <component :is="node"></component>
    </template>
  </div>
</template>

点击查看示例

1 Like
#4

好家伙，你赢了

#5

太牛了，感谢！
没什么弊端就这样用了