vue如果遇到slot要循环的情况怎么处理

Question

比如

<url-ip :row-data="row.arr" type="asset">
    // slot 这里的slot怎么写
</url-ip>

组件url-ip;

<template>
        <div class="ip-item" v-for="(item, index) in rowData" :key="index">
                <slot>
                </slot>
        </div>
</template>

我想循环是在子组件里处理，然后slot传入要处理成的样子

Answer 1

<url-ip>

    <template v-slot:default="slotProps">
      {{ slotProps.item }}
    </template>
  </url-ip>
  

<div class="ip-item" v-for="(item, index) in rowData" :key="index">

  <slot v-bind:item="item"> </slot>
</div>

作用域插槽