问题描述

当前我需要通过插槽插入组件，但是同时又需要通过插槽传值

解决方法

子组件中

在这里，我设置了一个具名slot，然后传递当前的userGroupId

<div class="flex justify-end">
        <slot name="operation" :user-group-id="item.userGroupId"></slot>
      </div>

父组件中

在父组件中，导入后，通过template去响应对应的插槽，并直接在内部元素中，直接使用即可。

 <auth-list>
      <template v-slot:operation="operation" >
        {{ operation.userGroupId }}
      </template>
    </auth-list>