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

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

不能

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

<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

好家伙,你赢了

太牛了,感谢!
没什么弊端就这样用了